/* FEED tokens — copied verbatim from design/FEEL.md + design/MOTION.md. The ONLY place raw values live. */
:root {
  /* color */
  --bg: #F6F1E8;
  --bg-2: #FBF7EE;
  --ink: #1F2D2C;
  --ink-soft: #4A5C5A;
  --brand: #4FA89E;       /* decorative only */
  --brand-deep: #1F5651;  /* text-safe brand */
  --accent: #C9A24C;      /* button fill + rule only, never text on light */
  --line: #D9CFB8;

  /* derived surfaces (from tokens above) */
  --shadow-card: 0 8px 24px rgb(79 168 158 / .10);
  --shadow-card-hover: 0 12px 32px rgb(79 168 158 / .18);
  --shadow-button: 0 6px 18px rgb(201 162 76 / .35);
  --backdrop: rgb(31 45 44 / .6);
  --highlight: rgb(201 162 76 / .35); /* --accent tint behind search matches */

  /* document viewer chrome — imitates Word/Excel so files look like the real thing (SPEC-02) */
  --doc-paper: #FFFFFF;
  --doc-ink: #000000;       /* default text colour inside Word/Excel files */
  --doc-desk: #E9E6E0;      /* area behind Word pages */
  --xl-grid: #E1E1E1;       /* Excel gridlines */
  --xl-head: #F3F3F3;       /* Excel row/column headers */
  --xl-head-ink: #595959;
  --xl-accent: #217346;     /* Excel's selected-tab green */
  --xl-font: Calibri, Arial, 'Segoe UI', sans-serif; /* no Carlito: breaks Vietnamese capitals */

  /* type */
  --display: 'EB Garamond', Georgia, serif;
  --body: 'Inter', system-ui, -apple-system, sans-serif;

  /* layout */
  --max: 1120px;
  --max-narrow: 680px;
  --gap: 24px;
  --section-y: clamp(80px, 12vw, 144px);
  --radius: 4px;

  /* motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 200ms;
  --dur-slow: 700ms;
  --rise: 12px;
  --dur-hero: 1600ms;  /* hero photo settling on load */
  --stagger: 90ms;     /* gap between items revealing in sequence */
  --settle: 1.04;      /* photos start 4% larger and settle to 100% */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-slow: 0ms; --rise: 0px; --dur-hero: 0ms; --stagger: 0ms; --settle: 1; }
}