/* Tokens compartidos con la app (frontend/lib/common/theme/app_colors.dart): modo oscuro por defecto,
   claro según el sistema. Los usan tanto la web de marketing (site.css) como la página de reset
   (style.css). */
:root {
  --primary: #e5f282;
  --on-primary: #0f1115;
  --background: #0f1115;
  --surface: #1c1f26;
  --surface-high: #232733;
  --text: #ffffff;
  --text-secondary: #9aa0ac;
  --outline: #2e323c;
  --error: #ff6b6b;
  --status-good: #34d399;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  color-scheme: dark light;
}

@media (prefers-color-scheme: light) {
  :root {
    --primary: #607a24;
    --on-primary: #ffffff;
    --background: #f7f8fa;
    --surface: #ffffff;
    --surface-high: #e7eaf0;
    --text: #14161a;
    --text-secondary: #5b6270;
    --outline: #d8dce3;
    --error: #df2026;
    --status-good: #1b7e5a;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font-family: Roboto, -apple-system, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

[hidden] { display: none !important; }

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