/*
* NestStock — Theme System (claro/escuro)
* ------------------------------------------------------------------
* Fonte única de verdade para cores e componentes visuais.
* Inclua em cada página (ajuste o caminho conforme a pasta):
* (raiz)
* (admin/ , user/)
* E o script de tema logo em seguida:
*
*
* O tema é controlado pelo atributo data-theme no :
* |
* O theme.js aplica o valor salvo em localStorage automaticamente.
* ================================================================== */
/* ── TOKENS: TEMA ESCURO (padrão) ─────────────────────────────────── */
:root,
html[data-theme="dark"] {
--bg-gradient: linear-gradient(135deg, #020617 0%, #0f172a 100%);
--surface: rgba(15, 23, 42, 0.7);
--surface-2: rgba(15, 23, 42, 0.4);
--surface-solid: #0f172a;
--border: rgba(34, 211, 238, 0.12);
--border-muted: rgba(71, 85, 105, 0.35);
--border-strong: rgba(71, 85, 105, 0.6);
--text: #e2e8f0; /* corpo */
--text-strong: #f1f5f9; /* títulos */
--text-muted: #94a3b8; /* secundário */
--text-subtle: #64748b; /* terciário */
--text-faint: #475569; /* placeholders */
--input-bg: rgba(15, 23, 42, 0.8);
--input-border: rgba(71, 85, 105, 0.6);
--input-text: #e2e8f0;
--primary: #22d3ee;
--primary-strong: #0891b2;
--primary-rgb: 34, 211, 238;
--glow: 0 0 24px rgba(34, 211, 238, 0.18);
--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.35);
color-scheme: dark;
}
/* ── TOKENS: TEMA CLARO ───────────────────────────────────────────── */
html[data-theme="light"] {
--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
--surface: rgba(255, 255, 255, 0.78);
--surface-2: rgba(241, 245, 249, 0.7);
--surface-solid: #ffffff;
--border: rgba(8, 145, 178, 0.18);
--border-muted: rgba(148, 163, 184, 0.4);
--border-strong: rgba(148, 163, 184, 0.7);
--text: #1e293b;
--text-strong: #0f172a;
--text-muted: #475569;
--text-subtle: #64748b;
--text-faint: #94a3b8;
--input-bg: #ffffff;
--input-border: rgba(148, 163, 184, 0.7);
--input-text: #0f172a;
--primary: #0891b2;
--primary-strong: #0e7490;
--primary-rgb: 8, 145, 178;
--glow: 0 0 24px rgba(8, 145, 178, 0.12);
--shadow-card: 0 10px 30px rgba(15, 23, 42, 0.08);
color-scheme: light;
}
/* ── BASE ─────────────────────────────────────────────────────────── */
/* !important para sobrepor os