:root {
  --aam-paper: #fdfbf7;
  --aam-ink: #171717;
  --aam-orange: #f2441d;
  --aam-green: #3c9651;
  --aam-rule: #cfcac1;
  --aam-muted: #6a6863;
  --aam-panel: #f6f3ed;
  --aam-dark: #171816;
  --aam-frame: 1px;
  --aam-pad: clamp(24px, 3vw, 38px);
  --aam-font: "SFMono-Regular", "SF Mono", "Cascadia Code", "Roboto Mono", "Liberation Mono", Menlo, Consolas, monospace;
  --aam-fast: 160ms;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --aam-paper: #151614;
  --aam-ink: #f4f0e8;
  --aam-rule: #51504b;
  --aam-muted: #aaa69d;
  --aam-panel: #1d1e1b;
  --aam-dark: #080908;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}