/* PNF EVENTOS — design tokens (fiel ao protótipo). Padrão = CLARO (estilo Sympla); escuro = opção.
   tema.js grava data-theme="light|dark" no <html>. */
:root{
  /* paleta do protótipo */
  --ink:#07090C;--ink-2:#0E1217;--ink-3:#161B22;--ink-4:#2A323C;
  --paper:#FFFFFF;--paper-2:#F4F6F7;
  --cyan:#5CE1F2;--cyan-deep:#0E8FA3;--orange:#FF6A1A;--green:#1FB86A;--amber:#F2B10C;--red:#E5484D;
  --f-display:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;
  --f-body:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  /* tokens semanticos (tema claro) */
  --bg:#FFFFFF;--bg2:#F4F6F7;--surface:#FFFFFF;--surface2:#F4F6F7;
  --text:#07090C;--muted:#5B6673;--line:#E3E7EA;--link:#0E8FA3;
  --dark-bg:#07090C;--dark-fg:#FFFFFF;           /* botao "dark", KPI destacado */
  --band-bg:#07090C;--band-fg:#FFFFFF;--band-line:#07090C;   /* faixas escuras (CTA do produtor, caixas de inscricao) */
  --input:#FFFFFF;--on-cyan:#07090C;--overlay:rgba(7,9,12,.55);--shadow:rgba(7,9,12,.10);
  --hover:#F9FBFB;--poster:#07090C;
  --ok-bg:#E3F7EC;--ok-fg:#0F7A43;--warn-bg:#FFF4D6;--warn-fg:#8A6200;--bad-bg:#FDE8E8;--bad-fg:#B42328;
  /* apelidos de paginas antigas */
  --card:var(--surface);--action:var(--cyan);--urgent:var(--orange);--danger:var(--orange);--hero1:#E8F6F9;--hero2:#F4F6F7;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#07090C;--bg2:#0B0F14;--surface:#0E1217;--surface2:#161B22;
  --text:#FFFFFF;--muted:#C3CCD6;--line:#2A333F;--link:#5CE1F2;
  --dark-bg:#FFFFFF;--dark-fg:#07090C;
  --band-bg:#121821;--band-fg:#FFFFFF;--band-line:#222B35;
  --input:#0B0F14;--overlay:rgba(0,0,0,.7);--shadow:rgba(0,0,0,.45);--hover:#161B22;--poster:#0E1217;
  --ok-bg:rgba(31,184,106,.16);--ok-fg:#4fdc92;--warn-bg:rgba(242,177,12,.16);--warn-fg:#f5c542;--bad-bg:rgba(229,72,77,.16);--bad-fg:#ff7b80;
  --hero1:#0d1a22;--hero2:#07090C;
  color-scheme:dark;
}
/* logo: "dark" = versao clara p/ fundos escuros; "light" = versao escura p/ fundos claros */
.logo-d{display:none}.logo-l{display:inline-block}
:root[data-theme="dark"] .logo-d{display:inline-block}:root[data-theme="dark"] .logo-l{display:none}
.logo-inv .logo-d{display:inline-block!important}.logo-inv .logo-l{display:none!important}   /* sempre sobre fundo escuro */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:34px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.tema-btn:hover{border-color:var(--cyan-deep)}
.tema-flutuante{position:fixed;top:14px;right:14px;z-index:60}
.side .tema-btn,.on-dark .tema-btn{background:var(--ink-3);border-color:var(--ink-4);color:#C9D1D9}

/* modais sempre centralizados (o reset de margem das paginas tirava o margin:auto padrao) */
dialog[open]{position:fixed;inset:0;margin:auto;height:fit-content;max-height:92vh}