:root {
  color-scheme: light dark;

  --cube-yellow: #ffd22b;
  --cube-green: #33cc66;
  --cube-coral: #ff5356;
  --cube-red: #f72529;
  --cube-blue: #0e34c7;
  --cube-orange: #eb681a;

  --bg: #f7f7f5;
  --bg-elevated: #ffffff;
  --ink: #0f171f;
  --ink-secondary: #5c5c5c;
  --ink-tertiary: #8a8a8a;
  --line: rgba(10, 10, 10, 0.08);
  --line-strong: rgba(10, 10, 10, 0.14);
  --nav-bg: rgba(247, 247, 245, 0.78);
  --focus: #0f171f;

  --font-display: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Palatino, serif;
  --font-sans: 'Instrument Sans', 'Avenir Next', 'Segoe UI', sans-serif;

  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --space-10: 10rem;

  --container: 72rem;
  --measure: 38rem;
  --nav-h: 3.5rem;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #0f171f;
    --bg-elevated: #121212;
    --ink: #f5f5f2;
    --ink-secondary: #a3a3a0;
    --ink-tertiary: #6f6f6c;
    --line: rgba(245, 245, 242, 0.1);
    --line-strong: rgba(245, 245, 242, 0.18);
    --nav-bg: #0f171fcc;
    --focus: #f5f5f2;
  }
}

[data-theme='dark'] {
  --bg: #0f171f;
  --bg-elevated: #121212;
  --ink: #f5f5f2;
  --ink-secondary: #a3a3a0;
  --ink-tertiary: #6f6f6c;
  --line: rgba(245, 245, 242, 0.1);
  --line-strong: rgba(245, 245, 242, 0.18);
  --nav-bg: #0f171fcc;
  --focus: #f5f5f2;
}

[data-theme='light'] {
  --bg: #f7f7f5;
  --bg-elevated: #ffffff;
  --ink: #0f171f;
  --ink-secondary: #5c5c5c;
  --ink-tertiary: #8a8a8a;
  --line: rgba(10, 10, 10, 0.08);
  --line-strong: rgba(10, 10, 10, 0.14);
  --nav-bg: rgba(247, 247, 245, 0.78);
  --focus: #0f171f;
}