/* ============================================================
   Borderlands Foundation — design tokens
   Site accent: Ukraine Military History = gold + parchment warmth
   ============================================================ */
:root {
  /* Warm neutrals (parchment) */
  --color-warm-50:  #FAF7F1;
  --color-warm-100: #F4EFE5;
  --color-warm-200: #ECE6D8;

  /* Navy ink */
  --color-navy-950: #0A0F1E;
  --color-navy-900: #0F1729;
  --color-navy-800: #1A2545;
  --color-navy-700: #253361;
  --color-navy-300: #7B93CC;
  --color-navy-100: #D6DDEF;

  /* Gold accent */
  --color-gold-600: #B8860B;
  --color-gold-500: #D4A017;
  --color-gold-400: #E8B830;
  --color-gold-100: #FBF3D8;

  /* Stone (text on light) */
  --color-stone-700: #3D3A30;
  --color-stone-500: #6B6658;

  /* Semantic */
  --bg:            var(--color-warm-50);
  --bg-alt:        var(--color-warm-100);
  --ink:           var(--color-navy-950);
  --body:          var(--color-stone-700);
  --muted:         var(--color-stone-500);
  --hairline:      var(--color-warm-200);
  --accent:        var(--color-gold-500);
  --accent-text:   var(--color-gold-600);
  --accent-hover:  var(--color-gold-400);

  /* Type */
  --font-sans: '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-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  /* Shadows — soft, low-opacity */
  --shadow-sm: 0 1px 2px rgba(10, 15, 30, 0.05);
  --shadow-md: 0 4px 12px rgba(10, 15, 30, 0.07);
  --shadow-lg: 0 12px 28px rgba(10, 15, 30, 0.10);
  --shadow-xl: 0 24px 56px rgba(10, 15, 30, 0.14);

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