/* Fonte: SocialCof src/index.css e src/ds/components (01/10/2026).
   Portabilidade CSS para HTML legado; sem dependência do checkout SocialCof.
   Switzer não está disponível nos assets locais: fallback explícito para Inter. */
[data-socialcof-ds="mapa"], [data-socialcof-ds="boletim"], [data-socialcof-ds="auth"], [data-socialcof-ds="presenca"] {
  --sc-brand: #e2263c;
  --sc-brand-hover: #c91f33;
  --sc-ink: #1c1d20;
  --sc-ink-muted: #6b6b6b;
  --sc-surface: #f4f4f5;
  --sc-card: #ffffff;
  --sc-border: rgba(28, 29, 32, 0.08);
  --sc-muted: oklch(96.1% 0 0);
  --sc-hover: oklch(97.31% 0 0);
  --sc-combobox-hover: #d9f2ff;
  --sc-focus: #e2263c;
  --sc-shadow-card: 0 2px 12px rgba(28, 29, 32, 0.06);
  --sc-shadow-control: 2px 2px 8px -1px rgba(0,0,0,.04) inset, 0 0 12px -1px rgba(0,0,0,.04) inset, 0 4px 8px -2px rgba(0,0,0,.04), 0 16px 40px rgba(0,0,0,.06);
  --sc-shadow-dialog: 2px 2px 8px -1px rgba(0,0,0,.08) inset, 0 0 12px -1px rgba(0,0,0,.04) inset, 0 4px 8px -2px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.06);
  --sc-shadow-button: 1.1px 1.8px .6px -1.2px rgba(255,255,255,.8) inset, 5px 4px 6px -2px rgba(0,0,0,.07) inset, -1.5px -2.6px .5px -2px rgba(255,255,255,.7) inset, 0 4px 8px -2px rgba(0,0,0,.2), 0 10px 40px rgba(0,0,0,.06);
  --sc-button-from: #292929;
  --sc-button-to: #3c3c3c;
  --sc-button-hover-from: #434343;
  --sc-button-hover-to: #555555;
  --sc-on-button: #ffffff;
  --sc-overlay: rgba(0,0,0,.4);
  --sc-success: oklch(36.38% .0737 164.7);
  --sc-success-soft: oklch(93.07% .0384 173.93);
  --sc-warning: oklch(43.07% .0815 85.66);
  --sc-warning-soft: oklch(96.26% .0425 89.36);
  --sc-danger: oklch(30.87% .1063 20.09);
  --sc-danger-soft: oklch(90.11% .0415 17.95);
  --sc-font-ui: 'Inter', system-ui, sans-serif;
  --sc-font-heading: 'Switzer', var(--sc-font-ui);
  --sc-radius-card: 20px;
  --sc-radius-dialog: 32px;
  --sc-radius-pill: 9999px;
  --sc-motion-duration: 150ms;
  --sc-motion-easing: cubic-bezier(.4,0,.2,1);
  /* Pontes locais para os nomes usados pelo HTML/JS existente. */
  --bg: var(--sc-surface);
  --bg-soft: var(--sc-muted);
  --surface: var(--sc-card);
  --surface-strong: var(--sc-card);
  --line: var(--sc-border);
  --line-soft: var(--sc-border);
  --green: var(--sc-brand);
  --green-dark: var(--sc-brand-hover);
  --green-mid: var(--sc-brand);
  --green-soft: rgba(226,38,60,.08);
  --text: var(--sc-ink);
  --text-soft: var(--sc-ink-muted);
  --slate: var(--sc-ink-muted);
  --shadow: var(--sc-shadow-dialog);
  --shadow-soft: var(--sc-shadow-card);
  --font-ui: var(--sc-font-ui);
  --font-display: var(--sc-font-heading);
  --success: var(--sc-success);
  --success-soft: var(--sc-success-soft);
  --amber: var(--sc-warning);
  --amber-bg: var(--sc-warning-soft);
  --rose: var(--sc-danger);
  --rose-bg: var(--sc-danger-soft);
  --radius: var(--sc-radius-card);
}

/* Disponível para futuras superfícies com tema explícito; esta página mantém
   seu tema claro atual, sem adicionar um controle ou alterar o admin. */
[data-socialcof-ds="mapa"][data-sc-theme="dark"],
[data-socialcof-ds="boletim"][data-sc-theme="dark"],
html[data-theme="dark"] [data-socialcof-ds="boletim"] {
  --sc-ink: #ededf0;
  --sc-ink-muted: #9a9aa4;
  --sc-surface: #111113;
  --sc-card: #1c1d20;
  --sc-border: rgba(237,237,240,.08);
  --sc-muted: #26272b;
  --sc-hover: #26272b;
  --sc-combobox-hover: #26313a;
  --sc-success: oklch(86.43% .0751 172.32);
  --sc-success-soft: oklch(23.64% .0448 167.33);
  --sc-warning: oklch(92.71% .083 89.31);
  --sc-warning-soft: oklch(27.56% .0486 87.16);
  --sc-danger: oklch(80.6% .0891 11.34);
  --sc-danger-soft: oklch(20.4% .0607 18.04);
  --sc-shadow-card: 0 2px 12px rgba(0,0,0,.4);
}