/* Design tokens only. Light is Level 0 with the lights on; dark is the same room with the lights off. */
:root {
  --wall: #bfe0f5;  --wall-2: #b0d7ef;  --ink: #082b4d;  --muted: #2a5577;
  --plastic-hi: #ffffff;  --plastic: #e8f5fd;  --plastic-lo: #bcdcf1;  --edge: #86bbdf;
  --accent: #084d94;  --btn-hi: #1f6fb5;  --btn: #0d57a3;  --btn-lo: #083f7a;
  --carpet: #0b2a47;  --carpet-2: #071d33;  --carpet-ink: #d6ecfb;  --carpet-line: #9fc6e4;
  --glow: #f2fdff;  --focus: #001a33;
  --gloss: rgba(255, 255, 255, 0.85);  --shade: rgba(4, 38, 74, 0.22);  --shade-soft: rgba(4, 38, 74, 0.12);
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.02 0 0 0 0 0.15 0 0 0 0 0.3 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --font-text: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3: clamp(2.4rem, 1.8rem + 3vw, 4.5rem);
  --space-1: 0.5rem; --space-2: 1rem; --space-3: 1.5rem; --space-4: 2.5rem; --space-5: 4rem;
  --measure: 60ch;
}
@media (prefers-color-scheme: dark) {
  :root {
    --wall: #06172a;  --wall-2: #0a2036;  --ink: #d9edfb;  --muted: #9fc6e4;
    --plastic-hi: #1f5283;  --plastic: #11365a;  --plastic-lo: #0a2744;  --edge: #2d6a9d;
    --accent: #8ccbff;
    --carpet: #030d19;  --carpet-2: #02080f;  --carpet-ink: #d9edfb;  --carpet-line: #8fc0e6;
    --glow: #7fcdff;  --focus: #ffd166;
    --gloss: rgba(255, 255, 255, 0.14);  --shade: rgba(0, 0, 0, 0.5);  --shade-soft: rgba(0, 0, 0, 0.3);
    --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.6 0 0 0 0 0.8 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  }
}