/* ============================================
   DESIGN TOKENS — Agro Bridge Feeds
   ============================================ */

:root {
  /* ── Brand palette ── */
  --gold:          #C8922A;
  --gold-light:    #E8B84B;
  --gold-pale:     #F5E6C8;
  --green-deep:    #2D4A2D;
  --green-sage:    #7A8C5E;
  --cream:         #FAF6EE;
  --cream-dark:    #F0EAD8;
  --espresso:      #3B2F2F;
  --charcoal:      #1A1A1A;
  --white:         #FFFFFF;

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic:  'Noto Naskh Arabic', 'Noto Sans Arabic', Georgia, serif;

  /* Fluid type scale */
  --fs-hero:    clamp(3.25rem, 7vw + 1rem, 7.5rem);   /* 52 → 120 */
  --fs-h1:      clamp(2.5rem, 4vw + 1rem, 4.5rem);
  --fs-h2:      clamp(2rem, 3vw + .5rem, 3.25rem);
  --fs-h3:      clamp(1.5rem, 1.5vw + .5rem, 2rem);
  --fs-body:    1.0625rem;
  --fs-sm:      .9375rem;
  --fs-xs:      .8125rem;

  --lh-tight:   1.1;
  --lh-display: 1.05;
  --lh-body:    1.65;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-xwide:  0.18em;

  /* ── Spacing (8pt grid) ── */
  --space-1:  .25rem;
  --space-2:  .5rem;
  --space-3:  .75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── Layout ── */
  --container-max:  1320px;
  --container-pad:  clamp(1.25rem, 4vw, 3rem);
  --nav-height:     84px;

  /* ── Radius ── */
  --r-sm:  4px;
  --r-md:  8px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-pill: 999px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 2px rgba(26,26,26,0.05);
  --shadow-md:  0 4px 16px rgba(26,26,26,0.08);
  --shadow-lg:  0 12px 40px rgba(26,26,26,0.12);
  --shadow-xl:  0 24px 64px rgba(26,26,26,0.18);
  --shadow-gold: 0 12px 32px rgba(200, 146, 42, 0.28);

  /* ── Motion ── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dur-fast: 200ms;
  --dur-med:  400ms;
  --dur-slow: 800ms;
  --dur-xslow: 1400ms;

  /* ── Z-index ── */
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-toast:   400;
}