@import 'tailwindcss';
@plugin '@tailwindcss/typography';

/* Custom colors */
@theme {
  --color-midnight: #0c354d;
  --color-turquoise: #0da797;
  --color-steel: #4682b4;
  --color-bermuda: #7fbab4;
  --color-desert: #f9deb2;
  --color-bronze: #9e7f5e;
  --color-gitea-primary: #609926;
  --color-gitea-secondary: #4c7a33;
}

@layer starlight, rapide, overrides;

@layer overrides {
  :root {
    --sl-color-accent-high: var(--color-steel);
    --sl-color-accent-high: var(--color-steel);
    --sl-color-accent-low: var(--color-bermuda);
  }

  :root[data-theme='light'] {
    --sl-color-accent: var(--color-steel);
    --sl-color-accent-high: var(--color-steel);
    --sl-color-accent-low: var(--color-turquoise);
  }

  .site-title:where(.astro-gmuhlsjs) {
    color: var(--color-turquoise);
  }
}