/* MovAcamp Inscrições — design tokens (Modelo A)
   Fonte: Design System "MovAcamp Inscrições". Não editar valores soltos no CSS: use as variáveis.
   Tema: claro por padrão; escuro via prefers-color-scheme ou <html data-theme="dark">. */

:root {
  --bg: #f7f6f3;
  --surface: #ffffff;
  --surface-2: #f0eee9;
  --line: #e4e1da;
  --line-strong: #c9c5bc;
  --ink: #1a1d1b;
  --ink-muted: #5c625e;
  --ink-subtle: #8a8f8b;
  --accent: #1f5a4c;
  --on-accent: #ffffff;
  --accent-soft: #e3efe9;
  --maanaim: #9a3412;
  --maanaim-soft: #f8e9e1;
  --guardioes: #8e2f52;
  --guardioes-soft: #f6e6ec;
  --success: #1d7a46;
  --success-soft: #e2f2e8;
  --warning: #9a5b06;
  --warning-soft: #fbefd9;
  --danger: #b42318;
  --danger-soft: #fbe5e3;
  --whatsapp: #167a3f;
  --shadow-card: 0 1px 2px rgba(26,29,27,0.04), 0 4px 16px rgba(26,29,27,0.05);
  --shadow-sheet: 0 -8px 24px rgba(26,29,27,0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: "Newsreader", Georgia, serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #121413;
  --surface: #1b1e1c;
  --surface-2: #242826;
  --line: #323834;
  --line-strong: #4a514c;
  --ink: #eef0ec;
  --ink-muted: #a3aaa5;
  --ink-subtle: #7b827d;
  --accent: #6fc3a9;
  --on-accent: #0d1f1a;
  --accent-soft: #1d332c;
  --maanaim: #f29a6b;
  --maanaim-soft: #3a241a;
  --guardioes: #ec8db0;
  --guardioes-soft: #3a1f2a;
  --success: #5fd08f;
  --success-soft: #173324;
  --warning: #f0b45a;
  --warning-soft: #3a2a12;
  --danger: #f97066;
  --danger-soft: #3d1a17;
  --whatsapp: #4fd18b;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-sheet: 0 -8px 24px rgba(0,0,0,0.4);
  }
}
:root[data-theme="dark"] {
  --bg: #121413;
  --surface: #1b1e1c;
  --surface-2: #242826;
  --line: #323834;
  --line-strong: #4a514c;
  --ink: #eef0ec;
  --ink-muted: #a3aaa5;
  --ink-subtle: #7b827d;
  --accent: #6fc3a9;
  --on-accent: #0d1f1a;
  --accent-soft: #1d332c;
  --maanaim: #f29a6b;
  --maanaim-soft: #3a241a;
  --guardioes: #ec8db0;
  --guardioes-soft: #3a1f2a;
  --success: #5fd08f;
  --success-soft: #173324;
  --warning: #f0b45a;
  --warning-soft: #3a2a12;
  --danger: #f97066;
  --danger-soft: #3d1a17;
  --whatsapp: #4fd18b;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-sheet: 0 -8px 24px rgba(0,0,0,0.4);
}

/* Cor do movimento: o layout define --mov e --mov-soft a partir do cadastro do movimento.
   Padrão = cor da plataforma. Ex.: <body style="--mov:#9a3412;--mov-soft:#f8e9e1"> */
:root { --mov: var(--accent); --mov-soft: var(--accent-soft); }