/* AURUM design tokens — Noir & Gold (SPEC §9), glass / motion language 2026-09-16. */
:root {
  color-scheme: dark;
  /* ink surfaces: body = ink-1, card = ink-2, raised/inputs = ink-3, hover = ink-4 */
  --ink-0: #050507; --ink-1: #0A0B0F; --ink-2: #101218; --ink-3: #161922; --ink-4: #1E2230;
  /* champagne gold (gold-2 = primary) */
  --gold-1: #F6E7B8; --gold-2: #E2C27A; --gold-3: #C39A4B; --gold-4: #8A6A2E;
  --foil: linear-gradient(135deg, #F6E7B8 0%, #E2C27A 35%, #B8893C 70%, #F1D891 100%);
  --foil-soft: linear-gradient(135deg, rgba(246,231,184,.85), rgba(226,194,122,.42) 32%, rgba(184,137,60,.22) 62%, rgba(241,216,145,.7));
  --foil-hair: linear-gradient(90deg, transparent, rgba(226,194,122,.5) 18%, rgba(246,231,184,.9) 50%, rgba(226,194,122,.5) 82%, transparent);
  --foil-text: linear-gradient(180deg, #FBF1D2 0%, #E8CC86 38%, #C89B4A 74%, #EBD08F 100%);
  --grad-text: linear-gradient(100deg, #FBF1D2 0%, #EDD08A 30%, #D4A954 62%, #F3DC9C 100%);
  /* text: ivory >14:1 on ink-1 · text-3 >=5:1 on ink-2/3 · ash decorative only */
  --ivory: #F3EEE3; --stone: #B9B2A4; --text-3: #968F80; --ash: #7E7869;
  /* semantic: jade win · garnet loss · sapphire live/info · amber push/pending */
  --jade: #3CC49A; --garnet: #E5566A; --sapphire: #7AA2FF; --amber: #F0B34A;
  --jade-bg: rgba(60,196,154,.11); --garnet-bg: rgba(229,86,106,.11); --sapphire-bg: rgba(122,162,255,.11); --amber-bg: rgba(240,179,74,.11);
  --gold-bg: rgba(226,194,122,.08); --gold-bg-2: rgba(226,194,122,.14);
  --line-gold: rgba(226,194,122,.16); --line-gold-2: rgba(226,194,122,.3); --line: rgba(255,255,255,.06); --line-2: rgba(255,255,255,.1);
  /* glass surfaces */
  --glass: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 55%), rgba(16,18,24,.7);
  --glass-strong: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015) 60%), rgba(14,15,21,.86);
  --glass-line: rgba(255,255,255,.075); --glass-line-gold: rgba(226,194,122,.26);
  --dots: radial-gradient(rgba(243,238,227,.075) 1px, transparent 1.3px);
  /* type: Latin from Google Fonts (variable); CJK = installed faces (Noto TC CSS alone is 630 KB); serif = wordmark only */
  --font-display: "Inter", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Source Han Sans TC", "Noto Sans CJK TC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Cormorant Garamond", "Noto Serif TC", "Source Han Serif TC", "Songti TC", Georgia, serif;
  --font-ui: "Inter", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Source Han Sans TC", "Noto Sans CJK TC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "PingFang TC", "Microsoft JhengHei", monospace;
  --fs-2xs: .6875rem; --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.25rem;
  --fs-h4: clamp(1.125rem, 1.04rem + .4vw, 1.375rem); --fs-h3: clamp(1.375rem, 1.18rem + .9vw, 1.875rem);
  --fs-h2: clamp(1.75rem, 1.32rem + 1.9vw, 2.875rem); --fs-h1: clamp(2.25rem, 1.5rem + 3.2vw, 4.125rem);
  --fs-display: clamp(2.5rem, 1.4rem + 4.4vw, 5.25rem); --fs-stat: clamp(2rem, 1.55rem + 1.9vw, 3.125rem); --fs-stat-sm: clamp(1.375rem, 1.18rem + .8vw, 1.875rem);
  --lh-tight: 1.15; --lh-snug: 1.3; --lh-body: 1.72; --tracking-caps: .2em; --tracking-wide: .08em;
  /* space (4px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;
  --section-y: clamp(64px, 4.4vw + 34px, 128px); --gutter: clamp(20px, 4vw, 40px); --container: 1240px; --container-wide: 1360px;
  --r-xs: 4px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;
  --shadow-1: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 32px -20px rgba(0,0,0,.8);
  --shadow-2: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 60px -30px rgba(0,0,0,.85);
  --shadow-3: 0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.04);
  --shadow-gold: 0 30px 80px -40px rgba(226,194,122,.45);
  --glow-gold: 0 0 0 1px rgba(226,194,122,.35), 0 0 32px -6px rgba(226,194,122,.35);
  --glow-hover: 0 0 0 1px rgba(226,194,122,.1), 0 24px 60px -28px rgba(226,194,122,.34);
  /* motion: slow, steady, few (paused offscreen, off with reduced motion) */
  --ease: cubic-bezier(.22,.61,.36,1); --ease-io: cubic-bezier(.65,0,.35,1); --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-1: 150ms; --dur-2: 260ms; --dur-3: 400ms; --dur-reveal: 760ms;
  --z-base: 1; --z-sticky: 40; --z-nav: 50; --z-dropdown: 60; --z-tabbar: 70; --z-fab: 80; --z-drawer: 90; --z-modal: 100; --z-toast: 110;
  --nav-h: 64px; --announce-h: 40px; --tabbar-h: 64px; --safe-b: env(safe-area-inset-bottom, 0px); --tap: 44px;
}