:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-bg: #f6f7f9;
  --color-surface: #ffffff;
  --color-text: #202124;
  --color-muted: rgba(0,0,0,0.62);

  --color-accent: #1a3d6d;
  --color-primary: #c2185b;

  --radius: 16px;
  --radius-sm: 12px;

  --shadow-soft: 0 10px 28px rgba(0,0,0,0.10);
  --shadow-focus: 0 0 0 4px rgba(194, 24, 91, 0.18);

  --gap: 12px;
  --gap-lg: 16px;

  --btn-padding-y: 12px;
  --btn-padding-x: 16px;
  --btn-font: 700 14px/1 var(--font-sans);

  --border: rgba(0,0,0,0.10);
}

:root[data-theme="dark"] {
  --color-bg: #0f1115;
  --color-surface: #161a22;
  --color-text: #f2f4f8;
  --color-muted: rgba(255,255,255,0.65);

  --color-accent: #b8c7ff;
  --color-primary: #ff4fa3;

  --shadow-soft: 0 10px 28px rgba(0,0,0,0.55);
  --shadow-focus: 0 0 0 4px rgba(255, 79, 163, 0.20);

  --border: rgba(255,255,255,0.12);
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}