:root {
  --swo-ink: #080806;
  --swo-ink-soft: #171713;
  --swo-paper: #f7f2e8;
  --swo-paper-dim: #e9e1d3;
  --swo-yellow: #ffd21f;
  --swo-yellow-deep: #e9b900;
  --swo-line: rgba(8, 8, 6, 0.18);
  --swo-line-light: rgba(247, 242, 232, 0.25);
  --swo-success: #24633e;
  --swo-error: #9f2d20;
  --swo-font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --swo-font-editorial: "Newsreader", Georgia, serif;
  --swo-shadow-hard: 8px 8px 0 var(--swo-ink);
  --swo-shadow-yellow: 8px 8px 0 var(--swo-yellow);
  --swo-radius: 2px;
  --swo-content: 1240px;
  --swo-reading: 760px;
  --swo-focus: 3px solid var(--swo-yellow);
  --swo-step-1: clamp(0.82rem, 0.78rem + 0.18vw, 0.95rem);
  --swo-step-2: clamp(1rem, 0.94rem + 0.28vw, 1.18rem);
  --swo-step-3: clamp(1.28rem, 1.08rem + 0.85vw, 1.9rem);
  --swo-step-4: clamp(1.8rem, 1.35rem + 1.8vw, 3.2rem);
  --swo-step-5: clamp(2.6rem, 1.6rem + 4vw, 6.4rem);
  --swo-fast: 150ms;
  --swo-standard: 280ms;
  --swo-slow: 600ms;
  color-scheme: light;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: var(--swo-focus);
  outline-offset: 4px;
}

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