/* ============================================================
   Design tokens — 暗色舞台（深邃午夜蓝黑 + 香槟金）
   ============================================================ */
:root {
  --bg:        oklch(11% 0.012 258);
  --bg-deep:   oklch(7% 0.014 264);
  --bg-lift:   oklch(14% 0.012 258);
  --surface:   oklch(16% 0.011 258);
  --surface2:  oklch(21% 0.013 258);
  --surface3:  oklch(27% 0.015 258);
  --fg:        oklch(96% 0.003 90);
  --fg-soft:   oklch(86% 0.004 90);
  --muted:     oklch(62% 0.014 258);
  --muted2:    oklch(46% 0.012 258);
  --border:    oklch(30% 0.016 258 / 0.9);
  --border-2:  oklch(22% 0.012 258);

  /* 香槟金 accent（三段渐变，金属质感） */
  --gold-1:    oklch(82% 0.135 86);
  --gold-2:    oklch(88% 0.14 90);
  --gold-3:    oklch(64% 0.118 70);
  --gold-grad: linear-gradient(135deg, var(--gold-3) 0%, var(--gold-1) 42%, var(--gold-2) 60%, var(--gold-3) 100%);
  --gold-line: linear-gradient(90deg, transparent, oklch(82% 0.14 86 / 0.7), transparent);
  --accent:    var(--gold-1);

  --danger:    oklch(62% 0.2 22);
  --success:   oklch(66% 0.16 160);

  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --shadow-stage: 0 40px 80px -20px oklch(0% 0 0 / 0.6), 0 12px 30px -10px oklch(0% 0 0 / 0.5);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}