/* WaveCo design tokens — colors, type, spacing, motion.
   Anchored to the official brand guideline. */

:root {
  /* Color */
  --ink: #1a1816;          /* Midnight Umber — primary */
  --paper: #fafafa;        /* Soft Veil — secondary */
  --taupe: #7a7471;        /* Drift Taupe — accent */
  --paper-warm: #f4f1ec;   /* paper tinted toward taupe, for tonal panels */
  --rule: rgba(26, 24, 22, 0.12);
  --rule-strong: rgba(26, 24, 22, 0.24);
  --ink-muted: rgba(26, 24, 22, 0.62);
  --ink-soft: rgba(26, 24, 22, 0.78);

  /* Type
     Canela / Cal Sans UI are licensed. Fallbacks chosen to preserve
     the editorial-serif and humanist-sans tone until font files land. */
  --font-display: "Canela", "Canela Deck", "Lyon Display", "GT Sectra", "Hoefler Text", "Garamond Premier Pro", Georgia, serif;
  --font-body: "Cal Sans UI", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Menlo", monospace;

  --tracking-display: -0.05em; /* -5% per guideline */
  --tracking-body: -0.02em;    /* -2% per guideline */
  --tracking-eyebrow: 0.18em;
  --leading-body: 1.55;        /* close to guideline's 130% body, tuned for web */
  --leading-display: 1.04;

  /* Layout */
  --max: 1240px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-y: clamp(80px, 12vw, 160px);

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.15, 1);
}