:root {
  color-scheme: dark;

  --night-950: #070b1e;
  --night-900: #0d1642;
  --night-800: #16245f;
  --night-700: #213574;
  --cream: #fff1c7;
  --cream-muted: #c9c5b2;
  --star-orange: #ff9a47;
  --star-yellow: #ffd170;
  --bag-teal: #56cec7;
  --cheek-coral: #ff7d66;
  --pixel-black: #030615;

  --page: var(--night-950);
  --page-deep: var(--pixel-black);
  --panel: var(--night-900);
  --panel-soft: var(--night-800);
  --panel-raised: var(--night-700);
  --ink: var(--cream);
  --ink-muted: var(--cream-muted);
  --amber: var(--star-orange);
  --amber-bright: var(--star-yellow);
  --teal: var(--bag-teal);
  --coral: var(--cheek-coral);
  --line: color-mix(in srgb, var(--cream) 18%, transparent);
  --line-strong: color-mix(in srgb, var(--cream) 42%, transparent);

  --space-0-5: 4px;
  --space-1: 8px;
  --space-1-5: 12px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  --border-thin: 1px;
  --border-pixel: 2px;
  --radius-pixel: 2px;
  --radius-panel: 4px;
  --shadow-sm: 4px 4px 0 var(--pixel-black);
  --shadow-md: 8px 8px 0 var(--pixel-black);
  --shadow-lg: 12px 12px 0 var(--pixel-black);
  --shadow: var(--shadow-md);
  --shell: min(1220px, calc(100vw - 48px));

  --z-header: 40;
  --z-menu: 50;
  --z-tooltip: 80;
  --motion-feedback: 140ms;
  --motion-panel: 220ms;
  --ease-pixel: steps(2, end);
}

body[data-theme="light"] {
  color-scheme: light;
  --page: #f4e6bd;
  --page-deep: #e4cd8e;
  --panel: #fff1c7;
  --panel-soft: #f1d78f;
  --panel-raised: #ffe4a4;
  --ink: #0d1642;
  --ink-muted: #42527e;
  --bag-teal: #08736f;
  --line: color-mix(in srgb, var(--night-900) 24%, transparent);
  --line-strong: color-mix(in srgb, var(--night-900) 64%, transparent);
}

body[data-theme="light"] :is(.hero h1 em,.section-header h2 em,.contact-panel h2 em,.hero-world-caption span,.project-arrow,.site-footer > a:last-child,.article-filters button.is-active,.error-code,.article-cta > span) {
  color: #a33e00;
}