/* LZC 360 — Manual da Marca LZC Educação (out/2026). Folha compartilhada: entra por último em todas as páginas e
   redefine os tokens que cada página já usa, para que todas fiquem no mesmo layout (azul-noite, ouro como acento,
   Jost nos títulos + Inter no texto). Ouro só no ativo e nos números-chave; texto corrido nunca em ouro.
   Os nomes --v-* são os de sempre (as páginas dependem deles); só os valores mudaram. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Jost:wght@300;400;500;600&display=swap');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/light/style.css');

:root{
  /* tokens da marca */
  --v-base:#0B1730; --v-surf:#0F1A2E; --v-surf2:#13213A; --v-ouro:#C9A44C; --v-champ:#EFDCB0; --v-sinal:#3E6C9E;
  --v-ink:#F2ECDF; --v-ink2:#D6DEEA; --v-mute:#93A3BE; --v-mute2:#7C8BA5;
  --v-line:rgba(242,236,223,.12); --v-line2:rgba(242,236,223,.07);
  --v-ok:#7FBF9A; --v-bad:#E3A08A; --v-warn:#E3BE68;
  --v-sans:'Inter',system-ui,sans-serif; --v-disp:'Jost','Inter',system-ui,sans-serif;

  /* nomes usados pelas páginas (login, admin, hub, mesa) */
  --navy-900:var(--v-base); --navy-800:var(--v-surf); --navy-700:var(--v-surf2); --navy-600:#22304C;
  --gold:var(--v-ouro); --gold-bright:var(--v-champ); --gold-dim:#94731A;
  --txt:var(--v-ink); --txt-dim:var(--v-mute); --txt-faint:var(--v-mute2);
  --ok:var(--v-ok); --err:var(--v-bad); --radius:12px;
  --bg:var(--v-base); --bg2:var(--v-surf); --surf:var(--v-surf); --surf2:var(--v-surf2);
  --line:var(--v-line); --line2:rgba(201,164,76,.3); --line-1:var(--v-line);
  --ink:var(--v-ink); --ink2:var(--v-ink2); --muted:var(--v-mute); --muted2:var(--v-mute); --faint:var(--v-mute2);
  --teal:var(--v-sinal); --teal2:#6E9BCF; --orange:var(--v-champ); --lime:var(--v-champ); --blue:var(--v-sinal);
  --good:var(--v-ok); --good-bg:rgba(127,191,154,.13); --warn:var(--v-warn); --warn-bg:rgba(227,190,104,.14);
  --bad:var(--v-bad); --bad-bg:rgba(227,160,138,.13);
  --r:12px; --r2:10px; --shadow:0 8px 30px rgba(0,0,0,.35);
  --sans:var(--v-sans); --head:var(--v-disp); --mono:'Inter',ui-monospace,monospace; --body:var(--v-sans); --disp:var(--v-disp);

  /* páginas que nasceram claras (bússola, carteiras, mesa/boletim, parecer, planejador) */
  color-scheme:dark;
  --paper:var(--v-base); --panel:var(--v-surf); --panel-2:var(--v-surf2); --card:var(--v-surf);
  --surface:var(--v-surf); --surface-2:var(--v-surf2);
  --ink-2:var(--v-ink2); --ink-3:var(--v-mute); --muted-2:var(--v-mute2);
  --rule:var(--v-line); --rule-2:var(--v-line2); --border:var(--v-line); --border-2:var(--v-line2);
  --brand:var(--v-ouro); --accent:var(--v-champ); --accent-ink:var(--v-base); --accent-soft:rgba(201,164,76,.14);
  --navy:var(--v-surf2); --green:var(--v-ok); --greenbg:rgba(127,191,154,.14); --red:var(--v-bad); --redbg:rgba(227,160,138,.14);
  --amber:var(--v-warn); --amberbg:rgba(227,190,104,.14);
  --lime-ink:var(--v-base); --dark:var(--v-surf2); --dark-2:var(--v-surf); --code:var(--v-surf2); --code-ink:var(--v-champ);
  --side:var(--v-surf); --side-ink:var(--v-mute); --side-hi:var(--v-ink);
  --pos:var(--v-ok); --neg:var(--v-bad); --warn-soft:rgba(227,190,104,.14); --ok-soft:rgba(127,191,154,.14); --bad-soft:rgba(227,160,138,.14);
  --s1:var(--v-sinal); --s2:var(--v-champ); --s3:var(--v-ok); --s4:var(--v-ouro); --s5:#A3B8D6; --s6:#8FB3E0;
  --div-pos:var(--v-sinal); --div-neg:var(--v-bad); --div-mid:var(--v-surf2);
  --c1:var(--v-sinal); --c2:var(--v-champ); --c3:#6E9BCF; --c4:var(--v-ouro); --c5:var(--v-mute);
  --rf:var(--v-sinal); --tesouro:#6E9BCF; --fundo:var(--v-champ); --rv:#A3B8D6; --caixa:var(--v-ok);
}

/* base */
html{background:#070F1F}
html body{background:linear-gradient(160deg,#0B1730,#070F1F) fixed!important;color:var(--v-ink);font-family:var(--v-sans)}
h1,h2,h3,h4{font-family:var(--v-disp);font-weight:400!important;letter-spacing:0}
h1{font-weight:300!important}
a{color:var(--v-champ)}
::selection{background:rgba(201,164,76,.28)}
input,select,textarea,button{font-family:var(--v-sans)}
input,select,textarea{background:rgba(242,236,223,.05);color:var(--v-ink);border-color:rgba(242,236,223,.14)}
input::placeholder,textarea::placeholder{color:var(--v-mute2)}
select option{background:var(--v-surf);color:var(--v-ink)}
table th{color:var(--v-ouro);letter-spacing:.18em;font-size:10.5px;text-transform:uppercase;font-family:var(--v-disp);font-weight:400}
hr{border-color:var(--v-line)}
img.v-foto{mix-blend-mode:lighten}