/* ============================================================================
   narrassol-theme (nsol-theme) — tokens de tema claro/escuro do ecossistema
   FONTE DA VERDADE: /root/shared/narrassol-nav/theme.css
   Não edite as cópias em static/ dos projetos — edite aqui e rode ./sync-nav.sh
   ----------------------------------------------------------------------------
   Define SÓ os tokens neutros (superfícies, texto, borda, sombra). Cores de
   marca (--primary etc.) continuam por projeto. Cada projeto mapeia suas
   variáveis locais para estes tokens no próprio CSS:
       :root { --bg: var(--nsol-bg); --white: var(--nsol-surface); ... }
   O escuro é a paleta quente narrassol (consolidada no pidiru).
   Toggle: theme.js + botão com dois <i> (lua/moon e sol/sun) — ver README.
   ========================================================================== */

:root {
  --nsol-bg:         #f5f5f5;
  --nsol-surface:    #ffffff;
  --nsol-border:     #e8e8e8;
  --nsol-text:       #1a1a1a;
  --nsol-text-muted: #888888;
  --nsol-shadow:     0 2px 10px rgba(0, 0, 0, .07);
  --nsol-shadow-md:  0 4px 20px rgba(0, 0, 0, .1);
}

html[data-theme="dark"] {
  --nsol-bg:         #160d09;
  --nsol-surface:    #241712;
  --nsol-border:     #3a2a20;
  --nsol-text:       #f5f4eb;
  --nsol-text-muted: #a08d80;
  --nsol-shadow:     0 2px 10px rgba(0, 0, 0, .45);
  --nsol-shadow-md:  0 4px 20px rgba(0, 0, 0, .6);
}

/* Botão de toggle agnóstico de biblioteca de ícone: o botão contém dois <i>
   (um com .nsol-theme-ico-moon, outro com .nsol-theme-ico-sun) e o CSS mostra
   um por tema — o JS não precisa conhecer FontAwesome/bootstrap-icons. */
html:not([data-theme="dark"]) .nsol-theme-ico-sun { display: none; }
html[data-theme="dark"] .nsol-theme-ico-moon { display: none; }