/* Tokens do Let's ONE (spec 0a, seção 4) — tema claro (padrão) e escuro (azul-marinho).
   Alternância pelo atributo data-theme no <html>, guardado em localStorage ("lg-theme")
   por static/js/theme-init.js e static/js/app.js.
   Os nomes antigos (--bg, --text, --accent...) seguem como apelidos para as telas atuais. */

:root{
  --fundo-base:#F4F7FA;
  --fundo:radial-gradient(circle at 100% 0%, rgba(18,173,201,.12), transparent 42%),
          radial-gradient(circle at 0% 100%, rgba(167,139,250,.06), transparent 45%),
          #F4F7FA;
  --superficie:#FFFFFF;
  --superficie-solida:#FFFFFF;
  --superficie-2:#EEF3F8;
  --borda:#DDE6F0;
  --texto:#1B2A41;
  --texto-apoio:#5B6B82;
  --roxo:#7C3AED;
  --roxo-hover:#6D28D9;
  --roxo-texto:#6D28D9;
  --ciano:#0B7A8F;
  --sucesso:#15803D;
  --perigo:#DC2626;
  --alerta:#B45309;
  --degrade-marca:linear-gradient(120deg, #A78BFA, #7C3AED 45%, #12ADC9);
  --faixa1:radial-gradient(circle at 100% 50%, rgba(18,173,201,.38), transparent 38%), linear-gradient(90deg, #0A1B33, #0F2C52);
  --bolha-usuario-fundo:#DCF3E6;
  --bolha-usuario-texto:#163A2A;
  --fala-ivone:#EEF3F8;
  --serie-1:#7C3AED;
  --serie-2:#0B7A8F;
  --serie-3:#15803D;
  --serie-4:#B45309;
  --serie-5:#DC2626;
  --serie-6:#5B6B82;
  --sombra:0 14px 38px rgba(27,42,65,.10);

  --altura-faixa1:48px;
  --altura-faixa2:40px;
  --altura-topo:90px;
  --raio-card:12px;
  --raio-botao:10px;
  --raio-campo:8px;
  --raio-etiqueta:99px;
  --fonte:"Inter",Arial,sans-serif;
  --fonte-titulo:"Playfair Display",Georgia,serif;

  /* Apelidos usados pelas telas atuais */
  --bg:var(--fundo-base);
  --bg-elev:var(--superficie-solida);
  --surface:var(--superficie-2);
  --surface-2:var(--superficie-2);
  --border:var(--borda);
  --text:var(--texto);
  --muted:var(--texto-apoio);
  --accent:var(--roxo);
  --accent-hover:var(--roxo-hover);
  --accent-soft:var(--roxo-texto);
  --accent-ink:#FFFFFF;
  --success:var(--sucesso);
  --danger:var(--perigo);
  --warning:var(--alerta);
  --font:var(--fonte);
  --font-title:var(--fonte-titulo);
  --radius-sm:8px;
  --radius:12px;
  --radius-lg:12px;
  --sidebar-w:248px;
  --shadow:var(--sombra);
  --switch-on:#15803D;
  --switch-thumb:#FFFFFF;

  color-scheme:light;
}

:root[data-theme="dark"]{
  --fundo-base:#0A1B33;
  --fundo:radial-gradient(circle at 100% 0%, rgba(18,173,201,.30), transparent 45%),
          radial-gradient(circle at 0% 100%, rgba(167,139,250,.14), transparent 48%),
          linear-gradient(180deg, #0F2C52, #0A1B33);
  --superficie:rgba(255,255,255,.07);
  --superficie-solida:#15304F;
  --superficie-2:rgba(255,255,255,.04);
  --borda:rgba(255,255,255,.13);
  --texto:#F2F6FB;
  --texto-apoio:#A9B8CC;
  --roxo:#7C3AED;
  --roxo-hover:#6D28D9;
  --roxo-texto:#C4B5FD;
  --ciano:#7EF4FF;
  --sucesso:#4ADE80;
  --perigo:#FB7185;
  --alerta:#FBBF24;
  --degrade-marca:linear-gradient(120deg, #A78BFA, #7C3AED 45%, #12ADC9);
  --faixa1:radial-gradient(circle at 100% 50%, rgba(18,173,201,.38), transparent 38%), linear-gradient(90deg, #0A1B33, #0F2C52);
  --bolha-usuario-fundo:#CBEBD9;
  --bolha-usuario-texto:#12301F;
  --fala-ivone:rgba(255,255,255,.09);
  --serie-1:#A78BFA;
  --serie-2:#7EF4FF;
  --serie-3:#4ADE80;
  --serie-4:#FBBF24;
  --serie-5:#FB7185;
  --serie-6:#A9B8CC;
  --sombra:0 14px 38px rgba(0,0,0,.30);

  /* Apelidos usados pelas telas atuais */
  --bg:var(--fundo-base);
  --bg-elev:var(--superficie-solida);
  --surface:var(--superficie-2);
  --surface-2:var(--superficie-2);
  --border:var(--borda);
  --text:var(--texto);
  --muted:var(--texto-apoio);
  --accent:var(--roxo);
  --accent-hover:var(--roxo-hover);
  --accent-soft:var(--roxo-texto);
  --accent-ink:#FFFFFF;
  --success:var(--sucesso);
  --danger:var(--perigo);
  --warning:var(--alerta);
  --shadow:var(--sombra);

  color-scheme:dark;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition-duration:0s !important;animation-duration:0s !important}
}