/* ============================================================ tokens.css — Universidade Lumikit Paleta de cores e variáveis de tema (fonte única da verdade) ============================================================ Usado por: index.php (catálogo) e edit.php (editor) Modo claro ativado via ============================================================ */ :root { /* ── Superfícies (modo escuro) ── */ --bg: #111a14; --surface: #162019; --card: #1a241d; --card2: #1f2d22; --card-hover: #223027; /* ── Bordas ── */ --border: rgba(255,255,255,.07); --border-hi: rgba(255,255,255,.14); /* ── Verde de marca ── */ --green: #70c42f; --green-dim: rgba(112,196,47,.12); --green-glow: rgba(112,196,47,.3); --green-dark: rgba(112,196,47,.06); /* ── Texto ── */ --text: #ffffff; --muted: #666666; --muted-hi: #999999; /* ── Raios de canto ── A identidade é de cantos retos (cards, modais, inputs, botões). Círculos e pills são exceções funcionais, não decorativas. */ --radius: 0; /* cards, modais, inputs, botões */ --radius-lg: 0; /* containers grandes */ --radius-sm: 3px; /* badges de canto, chips pequenos */ --radius-pill: 50px; /* contadores, tags, toggles */ --radius-circle: 50%; /* botões circulares, spinner, dots */ --ease: cubic-bezier(.4,0,.2,1); --font-d: 'Open Sans', sans-serif; --font-b: 'Open Sans', sans-serif; } /* ============================================================ Modo claro — sobrescreve as variáveis acima. IMPORTANTE: precisa ficar FORA de :root (seletor aninhado dentro de :root é CSS inválido e é ignorado pelo browser). ============================================================ */ [data-theme="light"] { /* ── Superfícies (modo claro) ── */ --bg: #f0f0ee; --surface: #e4e4e1; --card: #ffffff; --card2: #f5f5f2; --card-hover: #f7f7f5; /* ── Bordas ── */ --border: rgba(0,0,0,.11); --border-hi: rgba(0,0,0,.22); /* ── Verde escurecido (contraste em fundo claro) ── */ --green: #4e9a10; --green-dim: rgba(78,154,16,.13); --green-glow: rgba(78,154,16,.3); --green-dark: rgba(78,154,16,.07); /* ── Texto ── */ --text: #0f0f0f; --muted: #777777; --muted-hi: #444444; }