:root {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --ink: #15171c;
  --muted: #5b636f;
  --faint: #667080;
  --line: #e5e7ec;
  --accent: #3b45e0;
  --accent-ink: #2a32b8;
  --accent-wash: #eef0fe;
  --live: #12b981;

  --gold-lite: #f7e6ad;
  --gold: #cfa02a;
  --gold-deep: #9d700d;
  --gold-ink: #8a6508;
  --gold-text: #4a3608;
  --gold-core: #3a2b08;
  --panel-bg: #0d0f13;
  --panel-elev: #171a20;
  --panel-ink: #e9ebef;
  --panel-muted: #878e9c;
  --panel-line: #23262e;

  --display: 'Space Grotesk', system-ui, sans-serif;
  --body: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  --maxw: 1120px;

  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --radius: var(--r-lg);

  --shadow-1: 0 1px 2px rgba(21,23,28,0.05);
  --shadow-2: 0 14px 34px -20px rgba(21,23,28,0.18);
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow-x: clip;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

[hidden] { display: none !important; }

h1, h2, h3 { font-family: var(--display); font-weight: 600; letter-spacing: -0.02em; margin: 0; }

a { color: inherit; }

.eyebrow {
  font-family: var(--display);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}