:root {
  /* Colors — ported from MachineReadableTemplate */
  --paper: #EEF1EC;
  --raised-paper: #F8FAF6;
  --ink: #16211D;
  --soft-ink: #4A554E;
  --hairline: #C6CBBE;
  --signal: #256D5E;
  --signal-dark: #1B534A;
  --amber: #A96A2E;
  --grey-status: #7C7A6E;
  --danger: #A23B32;

  /* Fonts */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Shape */
  --radius-sm: 6px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px rgba(22, 33, 29, 0.06), 0 8px 24px rgba(22, 33, 29, 0.08);
  --shadow-card-hover: 0 2px 4px rgba(22, 33, 29, 0.08), 0 14px 32px rgba(22, 33, 29, 0.12);
}

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