/* AURUM design tokens — "Noir & Gold · private bank x market terminal" (SPEC §9). Components take every colour/size from here. */
: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%);
  /* 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);
  /* type: Latin faces from Google Fonts (variable, ~7 KB CSS, 3 files); CJK uses installed faces —
     Google's Noto TC CSS alone is 630 KB / 531 @font-face slices and would break the CSS + request budgets */
  --font-display: "Cormorant Garamond", "Noto Serif TC", "Source Han Serif TC", "Noto Serif CJK TC", "Songti TC", "PMingLiU", Georgia, serif;
  --font-ui: "Inter", "Noto Sans TC", "PingFang 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, "Noto Sans TC", "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.25rem, 1.12rem + .5vw, 1.5rem); --fs-h3: clamp(1.5rem, 1.22rem + 1.1vw, 2.125rem);
  --fs-h2: clamp(2rem, 1.42rem + 2.3vw, 3.375rem); --fs-h1: clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
  --fs-display: clamp(2.75rem, 1.35rem + 5vw, 6rem); --fs-stat: clamp(2.5rem, 1.85rem + 2.4vw, 3.875rem); --fs-stat-sm: clamp(1.75rem, 1.45rem + 1.1vw, 2.375rem);
  --lh-tight: 1.1; --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, 3.6vw + 36px, 120px); --gutter: clamp(20px, 4vw, 40px); --container: 1240px; --container-wide: 1360px;
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-xl: 26px; --r-pill: 999px;
  --shadow-1: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 30px -18px rgba(0,0,0,.7);
  --shadow-2: inset 0 1px 0 rgba(255,255,255,.045), 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);
  /* motion: slow, steady, few */
  --ease: cubic-bezier(.22,.61,.36,1); --ease-io: cubic-bezier(.65,0,.35,1); --dur-1: 150ms; --dur-2: 260ms; --dur-3: 400ms;
  --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: 68px; --announce-h: 40px; --tabbar-h: 64px; --safe-b: env(safe-area-inset-bottom, 0px); --tap: 44px;
}