/* =====================================================================
   Um Dia de Líder de Marketing · temas.css
   Troca a cor de acento do sistema da Imersão (base.css) sem tocar nos
   componentes. Use no <html>: data-tema="esmeralda" | "ouro" | "azul".
   Sem atributo, vale o esmeralda da base.css.
   ===================================================================== */

:root[data-tema="ouro"]{
  --bg:#0B0905; --bg-2:#16110A; --bg-3:#241B0E; --bg-deep:#070604;
  --surface:rgba(40,31,16,.55); --surface-2:rgba(54,42,22,.62);
  --line:rgba(237,205,140,.14); --line-2:rgba(237,205,140,.26); --line-3:rgba(237,205,140,.42);
  --e8:#5E4116; --e7:#8E6322; --e6:#B7832F; --e5:#D4A04A; --e4:#E2B866; --e3:#EDCD8C; --e2:#F5E2B8; --e1:#FBF1DC;
  --glow:rgba(226,184,102,.32);
  --text:#FBF8F1; --muted:#C8BDA7; --dim:#9A8F78; --ink:#2A1C05;
  --grad-mono:linear-gradient(180deg,#FFF8E8 0%,#F5E2B8 22%,#E2B866 48%,#B7832F 68%,#5E4116 100%);
  --grad-vidro:linear-gradient(160deg,rgba(56,43,22,.58),rgba(20,15,8,.66));
}

:root[data-tema="azul"]{
  --bg:#030812; --bg-2:#06122A; --bg-3:#0A1D3E; --bg-deep:#02060E;
  --surface:rgba(14,30,58,.55); --surface-2:rgba(20,40,74,.62);
  --line:rgba(125,211,252,.14); --line-2:rgba(125,211,252,.26); --line-3:rgba(125,211,252,.42);
  --e8:#075985; --e7:#0369A1; --e6:#0284C7; --e5:#0EA5E9; --e4:#38BDF8; --e3:#7DD3FC; --e2:#BAE6FD; --e1:#E0F2FE;
  --glow:rgba(56,189,248,.35);
  --text:#F1F7FD; --muted:#A8BCD0; --dim:#7A91A8; --ink:#04203A;
  --grad-mono:linear-gradient(180deg,#F0F9FF 0%,#BAE6FD 22%,#38BDF8 48%,#0284C7 68%,#075985 100%);
  --grad-vidro:linear-gradient(160deg,rgba(22,44,80,.58),rgba(6,14,30,.66));
}

/* Paleta oficial da Formação Líder de Marketing (Drive > DESIGN > ID VISUAL > "cores e tipografia"):
   #000000 preto · #0C294D azul-marinho · #4B5D68 cinza-azulado · #CED2DC cinza-claro · #E4E4E4 gelo · #FCA311 laranja.
   Preto de fundo, marinho só como profundidade, laranja como acento. --tinta é a cor que tinge as fotos. */
:root[data-tema="formacao"]{
  --bg:#050608; --bg-2:#07101B; --bg-3:#0C1C30; --bg-deep:#000000;
  --surface:rgba(18,24,32,.6); --surface-2:rgba(26,34,44,.66);
  --line:rgba(206,210,220,.12); --line-2:rgba(206,210,220,.22); --line-3:rgba(252,163,17,.42);
  --e8:#7A4A00; --e7:#B86E00; --e6:#E08A00; --e5:#F39B00; --e4:#FCA311; --e3:#FFC15A; --e2:#FFD99A; --e1:#FFF0D6;
  --glow:rgba(252,163,17,.32);
  --text:#F4F5F7; --muted:#B9BEC8; --dim:#8A949D; --ink:#1A1000;
  --tinta:#0C294D;
  --grad-mono:linear-gradient(180deg,#FFF6E5 0%,#FFD99A 22%,#FCA311 50%,#E08A00 70%,#7A4A00 100%);
  --grad-vidro:linear-gradient(160deg,rgba(14,28,46,.62),rgba(4,6,10,.72));
}