:root {
  --bg-dark: #0c0c0f;
  --bg-elevated: #15151a;
  --surface: #1b1b22;
  --paper: #f7f7f4;
  --paper-2: #efeee8;
  --white: #ffffff;
  --text-light: #f5f5f7;
  --text-dark: #111114;
  --muted-light: #a6a6ad;
  --muted-dark: #5e5e68;
  --accent: #806cff;
  --accent-soft: #c9c0ff;
  --accent-deep: #3f349e;
  --accent-btn: #5b4cdb;
  --border-dark: rgba(255, 255, 255, 0.1);
  --border-light: rgba(17, 17, 20, 0.1);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  --radius: 24px;
  --header-h: 4.5rem;
  --font: "Instrument Sans", "Segoe UI", sans-serif;
  --serif: "Instrument Serif", Georgia, serif;
  --max: 72rem;
  --wide: 82rem;
  --gutter: clamp(1rem, 3vw, 2rem);
  --link: var(--accent-soft);
  --muted: var(--muted-light);
  --text: var(--text-light);
  --border: var(--border-dark);
  --focus: #c9c0ff;
}