/* ============================================================
   CARBONE ZERO — design tokens
   Direction: editorial-institutional ("trading desk × botanical ledger")
   Structure: multi-page, ledger-led home, list-row markets
   Theme: paper + deep forest ink + leaf accent
   ============================================================ */

:root {
  /* Color — OKLCH with hex fallbacks handled per property */
  --paper:      oklch(97.5% 0.008 95);   /* warm off-white */
  --paper-2:    oklch(94.5% 0.013 100);  /* card / band tint */
  --ink:        oklch(24% 0.045 155);    /* deep forest, near-black green */
  --ink-2:      oklch(32% 0.05 155);     /* softer forest */
  --ink-muted:  oklch(45% 0.03 150);     /* secondary text on paper */
  --leaf:       oklch(68% 0.19 140);     /* bright leaf green (logo) */
  --leaf-deep:  oklch(52% 0.14 148);     /* mid green, AA on paper */
  --sand:       oklch(88% 0.04 90);      /* warm sand, subtle highlights */
  --line:       oklch(85% 0.015 120);    /* hairlines on paper */
  --line-dark:  oklch(38% 0.04 155);     /* hairlines on ink */
  --paper-on-ink: oklch(96% 0.02 120);   /* text on dark bands */

  /* Type */
  --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-body: "Archivo", "Helvetica Neue", "Arial", sans-serif;
  --font-mono: "Spline Sans Mono", "SFMono-Regular", "Menlo", monospace;

  /* Type scale (fluid, 6 steps) */
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lg:   clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --text-xl:   clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --text-2xl:  clamp(2.5rem, 1.6rem + 4.2vw, 5rem);
  --text-hero: clamp(2.75rem, 1.5rem + 5.6vw, 6.25rem);

  /* Space (4pt scale) */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: clamp(4rem, 3rem + 5vw, 8rem);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-med: 260ms;
  --dur-slow: 700ms;

  /* Layout */
  --max-w: 76rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
}