/* ============================================================
   Bathi Farms — design tokens · v7 "Evening Pasture"
   Committed deep-emerald drench: the page is forest green, the
   golden-hour footage carries the warmth. Warm-ivory ink, gold
   rationed to prices / CTAs / datelines. Zodiak (display serif)
   over Archivo (body grotesque).
   Mobile-first: 99% of visitors are on phones, in the evening.
   Contrast verified numerically (scratchpad/contrast.mjs):
   ink/ground 12.4 · ink-soft/ground 8.0 (/surface 6.2) ·
   faint/ground 6.3 · gold/ground 7.8 · btn-ink/gold 8.0 ·
   ink/well 14.3 · all pairs >= WCAG AA 4.5.
   Rules: gold never runs longer than one line of text; no
   meaningful text below 0.75 alpha; scrims are green-black,
   never brown. No gradient TEXT. No em-dashes in content.
   ============================================================ */

/* ---------- Fonts (self-hosted, verified) ---------- */
@font-face {
  font-family: 'Archivo';
  src: url('../assets/fonts/archivo-var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo-fallback';
  src: local('Arial');
  size-adjust: 99%;
}
@font-face {
  font-family: 'Zodiak';
  src: url('../assets/fonts/zodiak-var.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zodiak-fallback';
  src: local('Georgia');
  size-adjust: 106%;
}

:root {
  color-scheme: dark;

  /* ---------- Color ---------- */
  --ground:   #0b2e21;  /* deep emerald page surface */
  --ground-2: #103828;  /* raised band: booking, bulk, menu, bar */
  --surface:  #16412f;  /* panels: form card, gallery cells */
  --well:     #072117;  /* input wells, deeper than surface */
  --ink:      #f2ebda;  /* warm ivory text */
  --ink-soft: #c6bfa9;  /* secondary text */
  --faint:    #b0a98f;  /* captions / minimum tier */
  --gold:     #e5b65f;  /* accent TEXT on dark: prices, links, datelines */
  --gold-2:   #f2c979;  /* gold hover / bright */
  --btn-gold: #d9a84e;  /* CTA fill */
  --ink-on-gold: #221806; /* near-black on gold (AA 8.0) */
  --wa:       #25d366;  /* WhatsApp brand, bar/FAB only */
  --ink-on-wa: #06281b;

  --line:   rgba(242, 235, 218, 0.16);  /* ivory hairline on dark */
  --line-2: rgba(242, 235, 218, 0.09);
  --scrim:        linear-gradient(180deg, rgba(6,20,14,0.10) 0%, rgba(6,20,14,0.62) 100%);
  --scrim-strong: linear-gradient(180deg, rgba(6,20,14,0.30) 0%, rgba(6,20,14,0.85) 100%);
  /* hue-matched zero-alpha stops: fading to `transparent` (= transparent BLACK)
     makes a gradient pass through muddy/dark values and leaves a visible fringe
     line where footage meets the ground. Fade to these instead. */
  --ground-0: rgba(11, 46, 33, 0);   /* --ground #0b2e21 at 0 alpha */
  --scrim-0:  rgba(6, 20, 14, 0);     /* green-black scrim at 0 alpha */

  /* ---------- Type ---------- */
  --font-display: 'Zodiak', 'Zodiak-fallback', Georgia, 'Times New Roman', serif;
  --font-body: 'Archivo', 'Archivo-fallback', system-ui, -apple-system, sans-serif;
  --type-display: clamp(2.35rem, 1.5rem + 4.3vw, 5.5rem); /* hero + footer word only */
  --type-h1:    clamp(2rem, 1.5rem + 2.3vw, 3.2rem);     /* section heads, serif */
  --type-h2:    clamp(1.6rem, 1.25rem + 1.6vw, 2.4rem);
  --type-h3:    clamp(1.2rem, 1.08rem + 0.6vw, 1.5rem);
  --type-lead:  clamp(1.05rem, 1rem + 0.35vw, 1.22rem);
  --type-body:  1.0625rem;
  --type-small: 0.9375rem;
  --type-micro: 0.75rem;
  --track-display: -0.02em;
  --track-caps: 0.18em;
  --track-caps-tight: 0.12em;
  --leading-display: 1.02;
  --leading-heading: 1.12;
  --leading-body: 1.7;          /* light-on-dark needs extra air */
  --weight-body: 400;
  --weight-heading: 560;        /* Zodiak variable axis */
  --weight-heading-sans: 600;

  /* ---------- Space (4pt) ---------- */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px;  --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --section-pad: clamp(64px, 5vw + 40px, 132px);
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 48px);

  /* ---------- Shape ---------- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --shadow-1: 0 10px 28px rgba(0, 0, 0, 0.32);
  --shadow-2: 0 22px 56px rgba(0, 0, 0, 0.42);

  /* ---------- Sticky conversion bar ---------- */
  --bar-h: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* ---------- Z ---------- */
  --z-bar: 90; --z-nav: 100; --z-overlay: 200; --z-modal: 300; --z-cursor: 500; --z-loader: 600;

  /* ---------- Motion ---------- */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-state: 300ms;
  --dur-layout: 500ms;
  --dur-entrance: 900ms;
}