/* Cricuru — Design Tokens
   Factory selection: 33_LIGHT_COLOR_SYSTEM_24 / LIGHT_COLOR_006_GRASS_FIELD
   Layout: 04_LAYOUT_VARIANTS_150 / LAYOUT_CSS_PROMPT_135_HINDI_NEWS_MAGAZINE
   Typography: 08_TYPOGRAPHY_SYSTEM_50 / TYPOGRAPHY_SYSTEM_017
   Visual contract: stacked-story hero, alternating-editorial rhythm, floating-panels,
                    technical-grid surface, typographic-data-poster signature.
*/

:root {
  /* ===== PALETTE — Grass Field (light, premium editorial) ===== */
  --primary: #2F6B3C;            /* deep grass green */
  --primary-strong: #1F4F2C;     /* darker grass for primary CTA */
  --primary-soft: rgba(47, 107, 60, 0.10);
  --accent: #C58A2C;             /* warm amber — clay/amber accent */
  --accent-soft: rgba(197, 138, 44, 0.12);
  --accent-strong: #8E5E14;

  --bg: #F4EFE3;                 /* warm ivory / pale paper */
  --surface: #FBF7EC;            /* card surface */
  --surface-elev: #FFFFFF;       /* elevated tile */
  --surface-dark: #1B2A1F;       /* deep forest for hero bands */
  --surface-darker: #0F1A12;     /* near-black green for footer */
  --surface-tint: #ECE5D3;       /* alt band */

  --text: #1B2A1F;               /* near-black green */
  --text-soft: #3D4E41;          /* secondary copy */
  --text-muted: #6B7568;         /* meta copy */
  --text-on-dark: #F4EFE3;
  --text-on-dark-soft: rgba(244, 239, 227, 0.78);

  --border: rgba(47, 107, 60, 0.22);
  --border-strong: rgba(47, 107, 60, 0.42);
  --border-soft: rgba(27, 42, 31, 0.10);
  --primary-border: rgba(47, 107, 60, 0.45);
  --soft-border: rgba(27, 42, 31, 0.10);
  --rule: rgba(27, 42, 31, 0.14);  /* technical-grid hairlines */

  --gradient-hero: linear-gradient(135deg, #0F1A12 0%, #1B2A1F 45%, #2F6B3C 100%);
  --gradient-cta: linear-gradient(135deg, var(--accent) 0%, #8E5E14 100%);
  --gradient-ticker: linear-gradient(90deg, #1B2A1F 0%, #2F6B3C 50%, #1B2A1F 100%);
  --gradient-rule: linear-gradient(90deg, transparent 0%, rgba(197,138,44,0.55) 50%, transparent 100%);

  --shadow-card: 0 4px 16px rgba(15, 26, 18, 0.08);
  --shadow-elev: 0 14px 36px rgba(15, 26, 18, 0.18);

  /* ===== FONTS — Typography 017 (premium editorial pairing) ===== */
  --font-display: 'Spectral', 'Times New Roman', Georgia, serif;
  --font-sans: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --container: 1240px;
  --header-h: 76px;
  --ticker-h: 0px;               /* OFF — no sticky live-ticker on this contract */
  --side-rail: 220px;
}