/* FK Snapphanarna – design tokens v1.0 (2026-09-22)
   Generated by _tools/build_colors.py – edit there, not here.
   Scales: --fks-{green|blue|gold|clay|neutral}-{50…950}. Roles: --fks-{role}. */

:root {
  /* Heritage (from the crest) */
  --fks-skogsgron: #009640; /* Skogsgrön */
  --fks-kvallsbla: #1D3A8F; /* Kvällsblå */
  --fks-stjarnguld: #F4C919; /* Stjärnguld */
  --fks-kolsvart: #000000; /* Kolsvart */
  --fks-vit: #FFFFFF; /* Vit */
  --fks-lergok: #B5532F; /* Lergök – Lergöksloppet */
  --fks-mint: #E2FFEC;
  /* green */
  --fks-green-50: #DFFFE4;
  --fks-green-100: #C2F8CA;
  --fks-green-200: #A7E7B2;
  --fks-green-300: #83D091;
  --fks-green-400: #58B66D;
  --fks-green-500: #009640;
  --fks-green-600: #008236;
  --fks-green-700: #01672A;
  --fks-green-800: #004E1E;
  --fks-green-900: #003612;
  --fks-green-950: #002208;
  /* blue */
  --fks-blue-50: #F1F5FE;
  --fks-blue-100: #DFE8FC;
  --fks-blue-200: #C7D4F0;
  --fks-blue-300: #A9BBE1;
  --fks-blue-400: #879ED0;
  --fks-blue-500: #6782BE;
  --fks-blue-600: #4C69AD;
  --fks-blue-700: #32509D;
  --fks-blue-800: #1D3A8F;
  --fks-blue-900: #0D2268;
  --fks-blue-950: #04114D;
  /* gold */
  --fks-gold-50: #FFF5D6;
  --fks-gold-100: #FFE79A;
  --fks-gold-200: #F4C919;
  --fks-gold-300: #DDB720;
  --fks-gold-400: #BB9B25;
  --fks-gold-500: #9A8126;
  --fks-gold-600: #7E6A25;
  --fks-gold-700: #635423;
  --fks-gold-800: #493F1F;
  --fks-gold-900: #312B19;
  --fks-gold-950: #1E1A10;
  /* clay */
  --fks-clay-50: #FEF2EE;
  --fks-clay-100: #FFE0D6;
  --fks-clay-200: #FEC5B2;
  --fks-clay-300: #EDA78F;
  --fks-clay-400: #D8866A;
  --fks-clay-500: #C26645;
  --fks-clay-600: #B5532F;
  --fks-clay-700: #883A1D;
  --fks-clay-800: #692910;
  --fks-clay-900: #4C1905;
  --fks-clay-950: #330B00;
  /* neutral */
  --fks-neutral-50: #F6FCF6;
  --fks-neutral-100: #EDF4EE;
  --fks-neutral-200: #DDE3DE;
  --fks-neutral-300: #C6CCC7;
  --fks-neutral-400: #9DA39E;
  --fks-neutral-500: #767C77;
  --fks-neutral-600: #555D56;
  --fks-neutral-700: #3D453E;
  --fks-neutral-800: #262E27;
  --fks-neutral-900: #161D17;
  --fks-neutral-950: #0B110C;
  /* Typography */
  --fks-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif-condensed, sans-serif;
  --fks-font-body: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fks-font-serif: Lora, Georgia, 'Times New Roman', serif;
  --fks-radius-s: 6px;
  --fks-radius-m: 12px;
  --fks-radius-pill: 999px;
  /* Roles – light */
  --fks-bg: #FFFFFF;
  --fks-surface: #EDF4EE;
  --fks-tint: #E2FFEC;
  --fks-border: #DDE3DE;
  --fks-text: #161D17;
  --fks-text-muted: #555D56;
  --fks-primary: #008236;
  --fks-primary-hover: #01672A;
  --fks-on-primary: #FFFFFF;
  --fks-link: #01672A;
  --fks-brand: #009640;
  --fks-night: #1D3A8F;
  --fks-on-night: #FFFFFF;
  --fks-star: #F4C919;
  --fks-on-star: #161D17;
  --fks-event: #B5532F;
  --fks-on-event: #FFFFFF;
  --fks-focus: #1D3A8F;
  color-scheme: light;
}

/* Dark: follows the OS unless the site forces light */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fks-bg: #09122A;
    --fks-surface: #131E39;
    --fks-tint: #1D2A49;
    --fks-border: #303D58;
    --fks-text: #F6FCF6;
    --fks-text-muted: #B4BED2;
    --fks-primary: #58B66D;
    --fks-primary-hover: #83D091;
    --fks-on-primary: #0B110C;
    --fks-link: #83D091;
    --fks-brand: #009640;
    --fks-night: #04114D;
    --fks-on-night: #FFFFFF;
    --fks-star: #F4C919;
    --fks-on-star: #161D17;
    --fks-event: #D8866A;
    --fks-on-event: #0B110C;
    --fks-focus: #F4C919;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --fks-bg: #09122A;
  --fks-surface: #131E39;
  --fks-tint: #1D2A49;
  --fks-border: #303D58;
  --fks-text: #F6FCF6;
  --fks-text-muted: #B4BED2;
  --fks-primary: #58B66D;
  --fks-primary-hover: #83D091;
  --fks-on-primary: #0B110C;
  --fks-link: #83D091;
  --fks-brand: #009640;
  --fks-night: #04114D;
  --fks-on-night: #FFFFFF;
  --fks-star: #F4C919;
  --fks-on-star: #161D17;
  --fks-event: #D8866A;
  --fks-on-event: #0B110C;
  --fks-focus: #F4C919;
  color-scheme: dark;
}