/* Cores e fontes do EmpregaCampus (paleta da logo).
   Modo claro em :root; modo escuro pelo sistema ou pelo botão (data-theme). */
/* Layout: rede social em 3 colunas — navegação | timeline (600px) | barra lateral (350px); celular: barra superior + abas inferiores + botão flutuante.
   Identidade: verde-cerrado (marca) + amarelo-ipê (destaque) + azul de carimbo (verificação). */
:root{
  --bg:#ffffff; --bg-2:#f5f7fa; --surface:#ffffff; --surface-2:#edf1f6; --hover:rgb(13 44 77 / .04); --line:#e0e6ee;
  --ink:#0f1e2e; --ink-2:#475569; --ink-3:#687587;
  --brand:#0d2c4d; --brand-hover:#163d66; --brand-ink:#ffffff; --brand-soft:#e2eaf3; --teal:#04777b; --teal-soft:#d9f1f1;
  --ipe:#f4ad3f; --ipe-ink:#3a2400; --ipe-soft:#fdeed6;
  --stamp:#2a4bb3; --stamp-soft:#e3e8fa;
  --like:#d1365f; --like-soft:#fbe4ea; --rt:#04777b; --rt-soft:#d9f1f1; --reply:#2a6fd6; --reply-soft:#e1ecfb;
  --ok:#1d7440; --ok-soft:#dff1e5; --warn:#975400; --warn-soft:#f9ead2; --bad:#b3261e; --bad-soft:#f7e0dd;
  --shadow:0 1px 3px rgb(13 44 77 / .08), 0 10px 30px rgb(13 44 77 / .1);
  --scrim:rgb(10 20 16 / .55);
  --f-display:"Archivo", "Arial Narrow", system-ui, sans-serif;
  --f-body:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r:16px; --r-sm:8px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0a1422; --bg-2:#0f1b2d; --surface:#0a1422; --surface-2:#16253a; --hover:rgb(255 255 255 / .03); --line:#22334a;
  --ink:#e8eef6; --ink-2:#a8b5c6; --ink-3:#7f8da2;
  --brand:#2ab7ba; --brand-hover:#45c9cb; --brand-ink:#03191a; --brand-soft:#123238; --teal:#3cc5c8; --teal-soft:#123238;
  --ipe:#f6b450; --ipe-ink:#2a1a00; --ipe-soft:#3a2a12;
  --stamp:#93a9ff; --stamp-soft:#1d2546;
  --like:#f4668c; --like-soft:#3b1824; --rt:#3cc5c8; --rt-soft:#123238; --reply:#73a7f7; --reply-soft:#16263f;
  --ok:#5fc887; --ok-soft:#163222; --warn:#eaa94f; --warn-soft:#382915; --bad:#f08077; --bad-soft:#3c1d1a;
  --shadow:0 1px 3px rgb(0 0 0 / .5), 0 10px 30px rgb(0 0 0 / .4);
  --scrim:rgb(0 0 0 / .7);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0a1422; --bg-2:#0f1b2d; --surface:#0a1422; --surface-2:#16253a; --hover:rgb(255 255 255 / .03); --line:#22334a;
  --ink:#e8eef6; --ink-2:#a8b5c6; --ink-3:#7f8da2;
  --brand:#2ab7ba; --brand-hover:#45c9cb; --brand-ink:#03191a; --brand-soft:#123238; --teal:#3cc5c8; --teal-soft:#123238;
  --ipe:#f6b450; --ipe-ink:#2a1a00; --ipe-soft:#3a2a12;
  --stamp:#93a9ff; --stamp-soft:#1d2546;
  --like:#f4668c; --like-soft:#3b1824; --rt:#3cc5c8; --rt-soft:#123238; --reply:#73a7f7; --reply-soft:#16263f;
  --ok:#5fc887; --ok-soft:#163222; --warn:#eaa94f; --warn-soft:#382915; --bad:#f08077; --bad-soft:#3c1d1a;
  --shadow:0 1px 3px rgb(0 0 0 / .5), 0 10px 30px rgb(0 0 0 / .4);
  --scrim:rgb(0 0 0 / .7);
  color-scheme:dark;
}