/* Design tokens: the ONE place to swap the skin (colors, scale, radii, motion).
   Nothing else in the CSS or JS hard-codes a brand color. Spacing and type sizes follow
   the 8-13-21-34-55 golden-ratio scale (owner design rule). Placeholder palette: warm
   dark red + cream (mohokandur.hu's CSS is not available offline). */
:root {
  color-scheme: light;

  --c-brand: #8f1d21;
  --c-brand-strong: #6f1418;
  --c-brand-soft: #f6e3dc;
  --c-on-brand: #fffaf0;
  --c-accent: #d99a2b;
  --c-cream: #fbf3e4;
  --c-surface: #ffffff;
  --c-ink: #2b1b16;
  --c-muted: #655349;
  --c-line: #e3d5c1;
  --c-ok: #2c6a38;
  --c-ok-soft: #e3f2e5;
  --c-warn: #7a4e00;
  --c-warn-soft: #fff1cf;
  --c-danger: #b3261e;
  --c-danger-soft: #fde6e3;
  --c-info: #3b3a68;
  --c-info-soft: #ebeaf7;

  --sp-1: 8px;
  --sp-2: 13px;
  --sp-3: 21px;
  --sp-4: 34px;
  --sp-5: 55px;

  --fs-s: 13px;
  --fs-m: 16px;
  --fs-l: 21px;
  --fs-xl: 34px;

  --radius: 13px;
  --radius-s: 8px;
  --radius-pill: 999px;
  --shadow: 0 2px 8px rgb(43 27 22 / 12%);
  --shadow-up: 0 -2px 12px rgb(43 27 22 / 14%);

  --tap: 48px;
  --maxw: 560px;

  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  --font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: ui-rounded, 'Arial Rounded MT Bold', 'Avenir Next', system-ui, sans-serif;
}

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