:root {
  --qofo-color-ink: #243047;
  --qofo-color-muted: #5b6475;
  --qofo-color-paper: #fffdf7;
  --qofo-color-surface: #ffffff;
  --qofo-color-primary: #3157a4;
  --qofo-color-primary-contrast: #ffffff;
  --qofo-color-focus: #155eef;
  --qofo-color-success: #176b45;
  --qofo-color-warning: #8a4b08;
  --qofo-color-danger: #a12828;
  --qofo-color-border: #70798b;
  --qofo-space-0: 0;
  --qofo-space-1: 0.25rem;
  --qofo-space-2: 0.5rem;
  --qofo-space-3: 0.75rem;
  --qofo-space-4: 1rem;
  --qofo-space-6: 1.5rem;
  --qofo-space-8: 2rem;
  --qofo-space-12: 3rem;
  color: var(--qofo-color-ink);
  background: var(--qofo-color-paper);
}
:focus-visible { outline: 3px solid #155eef; outline-offset: 3px; }
@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; } }