/* ============================================================
   Ukraine Military History — design tokens
   Scheme: "Blue & Wheat" (2c/3a) — warm paper, cobalt lead,
   wheat-gold second accent, navy bands.
   ============================================================ */
:root {
  /* Warm paper neutrals */
  --color-warm-50:  #FAF8F3;   /* page background */
  --color-warm-100: #F1EEE6;   /* alt band */
  --color-warm-200: #E2DCCF;   /* hairline strong */
  --color-card:     #FFFDF8;   /* card background */

  /* Navy ink */
  --color-navy-950: #14213D;   /* footer / darkest */
  --color-navy-900: #1A2440;   /* dark bands, headings ink */
  --color-navy-800: #232F4E;
  --color-navy-700: #38456A;
  --color-navy-300: #7F9BE0;
  --color-navy-100: #C9D3E6;

  /* Cobalt — primary action color (from the covers) */
  --color-cobalt-600: #0F3EA3;
  --color-cobalt-500: #1650CF;
  --color-cobalt-100: #E6ECFA;

  /* Wheat gold — secondary accent (flag nod: tags, badges) */
  --color-gold-600: #8A6412;
  --color-gold-500: #D6A52A;
  --color-gold-400: #E3B94F;
  --color-gold-100: #F4EAD0;
  --color-gold-band: #F6EDD4;
  --color-gold-border: #E8D9AD;

  /* Stone (text on light) */
  --color-stone-700: #3F3A31;
  --color-stone-500: #645D52;
  --color-stone-400: #8A8172;

  /* Semantic */
  --bg:            var(--color-warm-50);
  --bg-alt:        var(--color-warm-100);
  --card:          var(--color-card);
  --ink:           var(--color-navy-900);
  --body:          var(--color-stone-700);
  --muted:         var(--color-stone-500);
  --hairline:      #E7E1D4;
  --accent:        var(--color-cobalt-500);
  --accent-text:   var(--color-cobalt-500);
  --accent-hover:  var(--color-cobalt-600);
  --accent-soft:   var(--color-cobalt-100);
  --gold:          var(--color-gold-500);
  --gold-text:     var(--color-gold-600);
  --gold-soft:     var(--color-gold-100);

  /* Type */
  --font-sans:  'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-serif: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Spacing — 8px grid */
  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem;  --space-6: 1.5rem;  --space-8: 2rem;    --space-10: 2.5rem;
  --space-12: 3rem;    --space-16: 4rem;   --space-20: 5rem;   --space-24: 6rem;
  --space-32: 8rem;    --space-48: 12rem;

  /* Radius */
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 9px;
  --radius-full: 999px;

  /* Shadows — blue-tinted, soft */
  --shadow-sm: 0 1px 2px rgba(20, 33, 61, 0.05);
  --shadow-md: 0 4px 12px rgba(20, 33, 61, 0.08);
  --shadow-lg: 0 18px 34px -22px rgba(30, 50, 90, 0.5);
  --shadow-xl: 0 24px 56px -24px rgba(30, 50, 90, 0.55);

  /* Layout */
  --container: 1140px;
}