/* ==========================================================================
   EADC Design Tokens
   --------------------------------------------------------------------------
   Palette, type scale, gradients, elevation and motion tokens for the public
   site and admin studio. The green palette is modelled on the "Agron"
   agricultural theme: a fresh primary green, deep forest darks and a warm
   harvest-gold accent.

   Legacy token names (--forest, --leaf, --yellow, --cream, --ink, --muted,
   --line, --shadow, --radius, --font-display, --font-body, --motion-fast)
   are all preserved so existing stylesheets keep resolving.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------- Brand */
  /* Primary greens */
  --green: #63ab52;          /* signature brand green (was previously undefined) */
  --forest: #63ab52;         /* primary                                        */
  --forest-deep: #244f0b;    /* dark forest — headings on dark, footer         */
  --forest-dark: #0a2803;    /* near-black green — deepest surfaces            */
  --leaf: #529149;           /* mid green — readable accent text on light      */
  --leaf-soft: #edf2ec;      /* pale green tint — eyebrow pills, alt sections  */

  /* Harvest gold accent */
  --yellow: #ffc942;
  --yellow-hover: #f0b52e;
  --gold-soft: #eddd5e;

  /* Neutrals */
  --paper: #ffffff;
  --cream: #fbfbf8;          /* page background                                */
  --mist: #edf2ec;           /* alternating section background                 */
  --ink: #404a3d;            /* headings                                       */
  --ink-strong: #2b3327;     /* extra-emphasis headings                        */
  --muted: #5c6672;          /* body copy                                      */
  --muted-soft: #7c8794;
  --line: #e2e8e0;           /* hairline borders                               */
  --line-strong: #cfd8cd;

  /* ------------------------------------------------------------ Typography */
  --font-display: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Nunito', 'Segoe UI', system-ui, sans-serif;

  /* Fluid display scale */
  --fs-hero: clamp(2.75rem, 6.4vw, 5.5rem);
  --fs-h1: clamp(2.5rem, 5.2vw, 4.25rem);
  --fs-h2: clamp(2rem, 3.9vw, 3.25rem);
  --fs-h3: clamp(1.35rem, 2.1vw, 1.75rem);
  --fs-h4: clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-lead: clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body: clamp(1rem, 1.1vw, 1.0625rem);
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;

  --lh-tight: 1.06;
  --lh-snug: 1.2;
  --lh-body: 1.75;
  --tracking-display: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-wide: 0.08em;

  /* ------------------------------------------------------------ Gradients */
  --grad-primary: linear-gradient(135deg, #63ab52 0%, #3f8a36 100%);
  --grad-primary-soft: linear-gradient(135deg, #edf2ec 0%, #dceada 100%);
  --grad-gold: linear-gradient(135deg, #ffc942 0%, #f0a52e 100%);
  --grad-hero: linear-gradient(115deg, rgba(10, 40, 3, 0.94) 0%, rgba(36, 79, 11, 0.86) 45%, rgba(99, 171, 82, 0.55) 100%);
  --grad-dark: linear-gradient(150deg, #244f0b 0%, #0a2803 100%);
  /* Card and sheen surfaces are tinted with the leaf palette rather than white
     so no element washes out to a white gradient on the light sections. */
  --grad-card: linear-gradient(160deg, #f5faf2 0%, #e6f1e2 100%);
  --grad-overlay: linear-gradient(to top, rgba(10, 40, 3, 0.92) 0%, rgba(10, 40, 3, 0.35) 45%, rgba(10, 40, 3, 0) 100%);
  --grad-sheen: linear-gradient(115deg, transparent 30%, rgba(255, 201, 66, 0.38) 50%, transparent 70%);

  /* ------------------------------------------------------------ Elevation */
  --shadow-xs: 0 1px 2px rgba(16, 40, 12, 0.05);
  --shadow-sm: 0 4px 14px rgba(16, 40, 12, 0.07);
  --shadow: 0 14px 40px rgba(16, 40, 12, 0.1);
  --shadow-md: 0 18px 50px rgba(16, 40, 12, 0.12);
  --shadow-lg: 0 28px 70px rgba(16, 40, 12, 0.16);
  --shadow-xl: 0 40px 100px rgba(16, 40, 12, 0.2);
  --shadow-glow: 0 12px 34px rgba(255, 201, 66, 0.32);
  --shadow-glow-green: 0 12px 34px rgba(99, 171, 82, 0.3);

  /* --------------------------------------------------------------- Layout */
  --container: 1200px;
  --container-wide: 1400px;
  --container-narrow: 860px;
  --gutter: clamp(1rem, 4vw, 2.25rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --section-y-sm: clamp(2.5rem, 5vw, 4rem);

  /* --------------------------------------------------------------- Radius */
  --radius: 18px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* --------------------------------------------------------------- Motion */
  --motion-fast: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 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: 0.22s;
  --dur-base: 0.4s;
  --dur-slow: 0.7s;
  --dur-reveal: 0.9s;

  --header-h: 84px;

  color-scheme: light;
}