/* Portal CIOP -- Dashboard Kit: tokens de tema (claro/escuro) + botao de alternancia.
Os componentes visuais (KPI, card, chart-card etc.) sao escopados dentro de cada
pagina, num bloco @media mobile-only, usando estas variaveis. */

:root{
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --dk-bg:#060b14;
  --dk-bg-2:#0a1424;
  --dk-glass-bg:rgba(28,28,30,.42);
  --dk-glass-border:rgba(255,255,255,.11);
  --dk-glass-blur:blur(30px) saturate(180%);
  --dk-glass-shadow:0 8px 32px rgba(0,0,0,.22), inset 0 0.5px 0 rgba(255,255,255,.08);
  --dk-text:#f5f5f7;
  --dk-muted:#98989d;
  --dk-accent:#0a84ff;
  --dk-accent-2:#ff9f0a;
  --dk-success:#30d158;
  --dk-danger:#ff453a;
}

@media (prefers-color-scheme: light){
  :root:not(.dk-dark){
    --dk-bg:#eef2f8;
    --dk-bg-2:#e4eaf4;
    --dk-glass-bg:rgba(255,255,255,.55);
    --dk-glass-border:rgba(0,0,0,.08);
    --dk-glass-shadow:0 8px 28px rgba(16,24,40,.08), inset 0 0.5px 0 rgba(255,255,255,.75);
    --dk-text:#1c1c1e;
    --dk-muted:#636366;
    --dk-accent:#007aff;
    --dk-accent-2:#ff9500;
    --dk-success:#248a3d;
    --dk-danger:#d70015;
  }
}

html.dk-light{
  --dk-bg:#eef2f8;
  --dk-bg-2:#e4eaf4;
  --dk-glass-bg:rgba(255,255,255,.55);
  --dk-glass-border:rgba(0,0,0,.08);
  --dk-glass-shadow:0 8px 28px rgba(16,24,40,.08), inset 0 0.5px 0 rgba(255,255,255,.75);
  --dk-text:#1c1c1e;
  --dk-muted:#636366;
  --dk-accent:#007aff;
  --dk-accent-2:#ff9500;
  --dk-success:#248a3d;
  --dk-danger:#d70015;
}

html.dk-dark{
  --dk-bg:#12151a;
  --dk-bg-2:#1a1e24;
  --dk-glass-bg:rgba(32,36,42,.72);
  --dk-glass-border:rgba(168,178,188,.34);
  --dk-glass-shadow:0 8px 32px rgba(0,0,0,.28), inset 0 0.5px 0 rgba(255,255,255,.08);
  --dk-text:#f4f6f8;
  --dk-muted:#c5ced8;
  --dk-accent:#0a84ff;
  --dk-accent-2:#ff9f0a;
  --dk-success:#30d158;
  --dk-danger:#ff453a;
}

.dk-theme-toggle{
  display:none;
  width:34px;
  height:34px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  border:1px solid var(--dk-glass-border);
  background:var(--dk-glass-bg);
  backdrop-filter:var(--dk-glass-blur);
  -webkit-backdrop-filter:var(--dk-glass-blur);
  color:var(--dk-accent-2);
  cursor:pointer;
  flex:0 0 auto;
  padding:0;
}
.dk-theme-toggle svg{width:17px;height:17px}
.dk-theme-toggle .dk-icon-sun{display:none}
html.dk-light .dk-theme-toggle .dk-icon-moon{display:none}
html.dk-light .dk-theme-toggle .dk-icon-sun{display:block}