:root {
  color-scheme: light;

  /* Core palette: gold heaven-ish */
  --ink: #0b0d12;
  --ink-2: #151826;
  --muted: rgba(11, 13, 18, 0.62);
  --paper: #ffffff;
  --paper-2: #fbfaf7;
  --paper-3: #f3f0ea;

  --gold-1: #f6e7c5;
  --gold-2: #e9cf8d;
  --gold-3: #d4a85a;
  --gold-4: #b9852e;
  --gold-5: #8a6322;

  --ring: rgba(212, 168, 90, 0.55);
  --glow: 0 18px 60px rgba(212, 168, 90, 0.18);
  --shadow-sm: 0 10px 30px rgba(11, 13, 18, 0.08);
  --shadow-md: 0 18px 55px rgba(11, 13, 18, 0.12);
  --shadow-lg: 0 28px 85px rgba(11, 13, 18, 0.16);
  --border-soft: rgba(255, 255, 255, 0.6);
  --surface-glass: linear-gradient(165deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72));

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 44px;
  --space-8: 56px;

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial,
    "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  --display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;

  --max: 1120px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: light;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f7f5f0;
  --ink-2: #e8e4dc;
  --muted: rgba(247, 245, 240, 0.65);
  --paper: #101218;
  --paper-2: #151a22;
  --paper-3: #1a2029;
  --gold-1: #2a2418;
  --gold-2: #3d3424;
  --gold-3: #c49a4a;
  --gold-4: #d4b06a;
  --gold-5: #e8cc8a;
  --ring: rgba(212, 168, 90, 0.45);
  --glow: 0 18px 60px rgba(0, 0, 0, 0.45);
  --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 18px 55px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 28px 85px rgba(0, 0, 0, 0.45);
  --border-soft: rgba(255, 255, 255, 0.08);
  --surface-glass: linear-gradient(165deg, rgba(26, 32, 41, 0.95), rgba(16, 18, 24, 0.88));
}