/* ═══════════════════════════════════════════════════════════════════
   TLYN DESIGN TOKENS — single source of truth (Wave B 2026-07-29)
   Load FIRST, before page styles and tlyn-brand.css.
   Champagne gold · black glass · offset bronze. No cool gray as brand.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  /* ── Champagne gold family (Boo pick) ── */
  --tlyn-gold: #E1D6B7;
  --tlyn-gold-lite: #F3EBD3;
  --tlyn-gold-hot: #FFFDF4;
  --tlyn-gold-deep: #A68A56;
  --tlyn-gold-glow: rgba(225, 214, 183, 0.16);
  --tlyn-gold-brd: rgba(225, 214, 183, 0.32);

  /* ── Inks / surfaces ── */
  --tlyn-ivory: #F4F1E9;
  --tlyn-body: #C7C3B8;
  --tlyn-muted: #9A968C;
  --tlyn-ink: #0a0800;
  --tlyn-bg: #0C0B0A;
  --tlyn-bg-deep: #070605;
  --tlyn-panel-top: #14120E;
  --tlyn-panel-mid: #0B0A08;
  --tlyn-panel-bot: #080707;

  /* ── Borders / glass ── */
  --tlyn-border: rgba(244, 241, 233, 0.09);
  --tlyn-border-mid: rgba(244, 241, 233, 0.14);
  --tlyn-hairline: rgba(255, 248, 232, 0.12);
  --tlyn-specular: linear-gradient(129deg, rgba(255, 250, 240, 0.11) 0%, rgba(255, 250, 240, 0.045) 28%, transparent 50%);
  --tlyn-glass: linear-gradient(160deg, #14120E 0%, #0B0A08 55%, #080707 100%);
  --tlyn-shadow-deep: 0 24px 60px rgba(0, 0, 0, 0.85), 0 6px 18px rgba(0, 0, 0, 0.55);
  --tlyn-shadow-panel: 0 14px 40px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 248, 232, 0.08);

  /* ── Type ── */
  --tlyn-fd: "Cormorant Garamond", Georgia, serif;
  --tlyn-fu: "Cinzel", "Trajan Pro", Georgia, serif;
  --tlyn-fb: Inter, system-ui, -apple-system, sans-serif;
  --tlyn-fm: "JetBrains Mono", ui-monospace, monospace;

  /* ── Layout ── */
  --tlyn-max: 1200px;
  --tlyn-nav-h: 64px;
  --tlyn-radius: 14px;
  --tlyn-radius-sm: 10px;

  /* ── Aliases for pages that already use --gold / --ivory ── */
  --gold: var(--tlyn-gold);
  --gold-lite: var(--tlyn-gold-lite);
  --gold-hot: var(--tlyn-gold-hot);
  --gold-deep: var(--tlyn-gold-deep);
  --gold-glow: var(--tlyn-gold-glow);
  --gold-brd: var(--tlyn-gold-brd);
  --ivory: var(--tlyn-ivory);
  --body: var(--tlyn-body);
  --muted: var(--tlyn-muted);
  --ink: var(--tlyn-ink);
  --bg: var(--tlyn-bg);
  --obsidian: var(--tlyn-bg-deep);
  --border: var(--tlyn-border);
  --border-mid: var(--tlyn-border-mid);
  --font-display: var(--tlyn-fd);
  --font-body: var(--tlyn-fb);
  --font-mono: var(--tlyn-fm);
  --font-brand: var(--tlyn-fu);
}

/* Reduced motion: consumers should respect; helper class */
@media (prefers-reduced-motion: reduce) {
  :root {
    --tlyn-motion: 0;
  }
}