/* ============================================================================
   Vireo Homes — design tokens
   Lifted verbatim from the approved Claude Design source. LOCKED values —
   see the brief §1 (brand) and §5 (motion). Do not introduce a second accent.
   ========================================================================= */
:root {
  /* ---- the mark: green + warm ink only ---- */
  --vireo-green: #0E8C4C;       /* primary — the wing */
  --vireo-green-deep: #0B5534;  /* gradient dark tail */
  --vireo-green-lift: #0F8E4B;  /* gradient bright end */

  --ink: #0B0A08;               /* warm near-black, olive undertone — never #000 */
  --bone: #F4F2ED;              /* light surface / body text on dark */
  --paper: #E8E5DE;             /* secondary light surface */
  --graphite: #5A5852;          /* muted text */
  --aluminium: #A8A69F;         /* hairlines, spec rules, leader lines */

  /* elevation on dark = color-mix(in oklab, var(--ink), white 4/8/12%) */
  --ink-2: #151412;
  --ink-3: #1E1D1A;
  --ink-4: #282622;

  /* hairlines */
  --hairline: rgba(168, 166, 159, 0.22);
  --hairline-dark: rgba(11, 10, 8, 0.18);
  --hairline-bone: rgba(244, 242, 237, 0.16);

  /* warm amber — diagram-only energy colour, not a brand accent */
  --amber: #D9953B;

  /* ---- type ---- */
  --font-display: 'Bricolage Grotesque', 'Instrument Sans', sans-serif;
  --font-body: 'Instrument Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ---- motion ---- */
  --dur-micro: 200ms;   /* hover, focus */
  --dur-reveal: 400ms;  /* scroll-in */
  --dur-scene: 900ms;   /* set pieces */
  --ease-in: cubic-bezier(0.16, 1, 0.3, 1);   /* entering */
  --ease-out: cubic-bezier(0.7, 0, 0.84, 0);  /* leaving */
  --stagger: 60ms;

  /* ---- layout ---- */
  --gutter: clamp(24px, 6.6vw, 96px);
  --maxw: 1440px;
}