/* ═══════════════════════════════════════════════════════════════
   TRUELAND — DESIGN TOKENS
   Single source of truth. Edit here to update the entire site.
   Brand colors extracted from official Trueland logo.
═══════════════════════════════════════════════════════════════ */

:root {

  /* ── PRIMARY: Forest Green (Trueland Logo) ──────────────── */
  --c-p-900: #1F3015;
  --c-p-800: #273D1B;
  --c-p-700: #2D4520;
  --c-p-600: #355124;
  --c-p-500: #3D5828;   /* ← Logo core green */
  --c-p-400: #527840;
  --c-p-300: #7A9660;
  --c-p-200: #AABF90;
  --c-p-100: #D8E8CB;
  --c-p-50:  #F0F5EC;

  /* ── SECONDARY: Warm Grey (Trueland Logo) ───────────────── */
  --c-s-700: #6B6059;
  --c-s-500: #9A9188;   /* ← Logo grey */
  --c-s-300: #C4BDB6;
  --c-s-200: #D4CFC9;
  --c-s-100: #E8E4E0;
  --c-s-50:  #F5F3F0;

  /* ── ACCENT: Warm Gold (CTA & highlights) ───────────────── */
  --c-a-700: #9E7118;
  --c-a-500: #C8952A;
  --c-a-400: #D8A83C;
  --c-a-300: #E0B860;
  --c-a-100: #F7EDD3;

  /* ── NEUTRAL ────────────────────────────────────────────── */
  --c-n-900: #1A1A1A;
  --c-n-800: #2D2D2D;
  --c-n-700: #3D3D3D;
  --c-n-600: #555555;
  --c-n-500: #6E6E6E;
  --c-n-400: #8C8C8C;
  --c-n-200: #CCCCCC;
  --c-n-100: #F2F2F2;
  --c-n-50:  #F9F9F9;
  --c-white: #FFFFFF;

  /* ── SEMANTIC ───────────────────────────────────────────── */
  --c-success: #2F7C4A;
  --c-error:   #C0392B;

  /* ── TYPOGRAPHY ─────────────────────────────────────────── */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Scale: Major Third (×1.25) */
  --t-xs:   0.75rem;    /*  12px */
  --t-sm:   0.875rem;   /*  14px */
  --t-base: 1rem;       /*  16px */
  --t-lg:   1.125rem;   /*  18px */
  --t-xl:   1.25rem;    /*  20px */
  --t-2xl:  1.5rem;     /*  24px */
  --t-3xl:  1.875rem;   /*  30px */
  --t-4xl:  2.25rem;    /*  36px */
  --t-5xl:  clamp(1.6rem, 3vw, 2.4rem);
  --t-hero: clamp(1.75rem, 3.2vw, 3rem);
  --t-stat: clamp(1.8rem, 3.8vw, 3rem);

  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-loose:   1.7;

  --tracking-wide:   0.08em;
  --tracking-wider:  0.12em;
  --tracking-widest: 0.22em;

  /* ── SPACING (4px grid) ─────────────────────────────────── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --container-max: 1280px;
  --container-px:  clamp(1.25rem, 5vw, 4rem);
  --section-py:    clamp(4rem, 8vw, 6rem);

  /* ── RADII ──────────────────────────────────────────────── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-full: 9999px;

  /* ── SHADOWS ────────────────────────────────────────────── */
  --sh-sm:   0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);
  --sh-md:   0 4px 14px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.05);
  --sh-lg:   0 8px 28px rgba(0,0,0,.11), 0 4px 8px rgba(0,0,0,.06);
  --sh-xl:   0 16px 48px rgba(0,0,0,.13), 0 6px 14px rgba(0,0,0,.07);
  --sh-card: 0 2px 8px rgba(61,88,40,.08), 0 0 1px rgba(61,88,40,.06);

  /* ── TRANSITIONS ────────────────────────────────────────── */
  --ease-fast: 150ms ease;
  --ease-base: 250ms ease;
  --ease-slow: 400ms ease;
}