/* Frozen values from design/HANDOFF.md and design/design-tokens.md. */
:root {
  --ink: #101a2c;
  --paper: #f4efe6;
  --paper-2: #e8e0d3;
  --signal: #ff4f3d;
  --signal-text: #b52d22;
  --electric: #aef23d;
  --blue: #3157ff;
  --muted: #596478;
  --line: rgba(16, 26, 44, .18);
  --white: #fffdf8;
  --shadow: 0 18px 44px rgba(16, 26, 44, .12);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --page: min(1440px, calc(100% - 48px));
  --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-editorial: Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (max-width: 1080px) {
  :root { --page: calc(100% - 32px); }
}

@media (max-width: 760px) {
  :root { --page: calc(100% - 24px); }
}