/* ── Tokens ── */
:root {
  --azul:          #1e2544;
  --azul-medio:    #2d3561;
  --azul-claro:    #3a4478;
  --laranja:       #e8601c;
  --laranja-hover: #c94e14;
  --amarelo:       #f6ce5c;
  --branco:        #ffffff;
  --cinza-txt:     #8b98c4;
  --borda:         rgba(58,68,120,.55);
  --sb-bg:         #1e2544;
  --sb-item-hover: rgba(255,255,255,.06);
  --sb-item-active-bg: rgba(232,96,28,.14);
  --sb-item-active-border: rgba(232,96,28,.35);
  --sb-item-color: rgba(255,255,255,.6);
  --sb-section-color: #8b98c4;
  --sb-footer-color: #8b98c4;
  --body-bg:       #07091a;
  --main-bg:       #07091a;
  --fonte-display: 'Oswald', sans-serif;
  --fonte-corpo:   'Josefin Sans', sans-serif;
  --trans:         0.18s ease;
}

/* ── Light mode overrides ── */
html[data-theme="light"] {
  --sb-bg:          #f4f5f7;
  --sb-item-hover:  rgba(30,37,68,.06);
  --sb-item-active-bg: rgba(232,96,28,.1);
  --sb-item-active-border: rgba(232,96,28,.35);
  --sb-item-color:  rgba(30,37,68,.55);
  --sb-section-color: #6b7280;
  --sb-footer-color: #6b7280;
  --borda:          rgba(203,208,224,.8);
  --body-bg:        #e0e2e9;
  --main-bg:        #f0f2f8;
  --branco:         #1e2544;
  --cinza-txt:      #6b7280;
}