/* =====================================================================
   Blueneck Farm — Design Tokens
   Premium ostrich operation · Nyamandhlovu, Matabeleland North, Zimbabwe
   Grounded. Precise. Earned.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* ---------- Brand palette ---------- */
  
  /* Ground — dried grass / aged cartridge paper */
  --ground-50:  #FDFCF8;
  --ground-100: #F8F5ED;
  --ground-200: #F0EBDD;
  --ground-300: #E5DEC9;
  --ground:     #F5F1E6;

  /* Earth — red sandy soil of Matabeleland */
  --earth-900: #3D2010;
  --earth-800: #6B3A1C;
  --earth-700: #8B4D26;
  --earth-600: #A65E2E;
  --earth-500: #C07038;
  --earth:     #B8693A;
  --earth-300: #D4956A;
  --earth-200: #E4BB9A;
  --earth-100: #F2DCC8;

  /* Bush — thorn bush sage / olive */
  --bush-900: #1E2A1B;
  --bush-800: #344530;
  --bush-700: #4A5E43;
  --bush-600: #5E7555;
  --bush-500: #728B68;
  --bush:     #6B7F5E;
  --bush-300: #96A78C;
  --bush-200: #B8C4B0;
  --bush-100: #D8E0D3;

  /* Night — warm near-black charcoal */
  --night-900: #1A1714;
  --night-800: #252119;
  --night-700: #2E2820;
  --night:     #2A2420;
  --night-500: #4A423A;
  --night-400: #6B6158;
  --night-300: #8C8178;
  --night-200: #AEA498;

  /* Accent — slate blue / indigo-adjacent (the blue neck) */
  --blue-900: #1A2440;
  --blue-800: #283660;
  --blue-700: #3D4F7C;
  --blue:     #3D4F7C;
  --blue-500: #576A94;
  --blue-400: #7286AC;
  --blue-300: #93A3C4;
  --blue-200: #B8C3DC;
  --blue-100: #DDE3F0;

  /* ---------- Semantic mappings ---------- */
  --bg-page:       var(--ground);
  --bg-surface:    var(--ground-50);
  --bg-dark:       var(--night);
  --bg-earth:      var(--earth);

  --fg-primary:    var(--night);
  --fg-secondary:  var(--night-400);
  --fg-tertiary:   var(--night-300);
  --fg-on-dark:    var(--ground);
  --fg-on-earth:   var(--ground-50);
  --fg-accent:     var(--blue);

  --border-light:  var(--ground-300);
  --border-dark:   var(--night-500);

  /* ---------- Typography ---------- */
  
  /* Display: Cormorant Garamond — geometric serif with editorial weight
     Premium alternative: Canela, Freight Display, or Tiempos */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  
  /* Body: DM Sans — refined grotesque with craft
     Premium alternative: Söhne, Aktiv Grotesk, National 2 */
  --font-body: 'DM Sans', -apple-system, sans-serif;
  
  /* Mono: IBM Plex Mono — geographic/classification details
     Premium alternative: Atlas Typewriter */
  --font-mono: 'IBM Plex Mono', 'SF Mono', monospace;

  /* Scale — modular 1.333 (perfect fourth) from 16px */
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-21: 1.333rem;
  --fs-24: 1.5rem;
  --fs-28: 1.777rem;
  --fs-32: 2rem;
  --fs-38: 2.369rem;
  --fs-42: 2.667rem;
  --fs-52: 3.25rem;
  --fs-64: 4rem;
  --fs-80: 5rem;
  --fs-96: 6rem;

  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  --ls-tight:  -0.03em;
  --ls-normal: 0em;
  --ls-wide:   0.06em;
  --ls-ultra:  0.14em;

  --wt-regular: 400;
  --wt-medium:  500;
  --wt-semi:    600;
  --wt-bold:    700;

  /* ---------- Spacing (8px base) ---------- */
  --sp-2:   2px;
  --sp-4:   4px;
  --sp-8:   8px;
  --sp-12:  12px;
  --sp-16:  16px;
  --sp-24:  24px;
  --sp-32:  32px;
  --sp-48:  48px;
  --sp-64:  64px;
  --sp-96:  96px;
  --sp-128: 128px;

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --dur-fast: 200ms;
  --dur-med:  400ms;
  --dur-slow: 700ms;
}