/* V8 ADMIN — Universal | Design tokens Paleta escura neutra (grafite/slate) com acento puxado da logo V8+. Tema claro continua disponível via [data-theme="light"] no . */ :root { /* Acentos (extraídos da logo: azul elétrico + magenta) */ --accent: #4f6bff; --accent-hover: #3854e0; --accent-soft: rgba(79, 107, 255, 0.14); --accent-magenta: #ff3fb0; --accent-magenta-soft: rgba(255, 63, 176, 0.14); /* Semânticos */ --success: #22c55e; --success-soft: rgba(34, 197, 94, 0.14); --danger: #ef4444; --danger-soft: rgba(239, 68, 68, 0.14); --warning: #f5a524; --warning-soft: rgba(245, 165, 36, 0.14); /* Superfícies — escuro é o padrão */ --bg-page: #0a0e16; --bg-sidebar: #0d1220; --bg-card: #131a29; --bg-elevated: #1a2233; --bg-input: #0f1524; --border: #232c40; --border-soft: #1a2233; --text-main: #e9edf5; --text-muted: #8b93a8; --text-faint: #5c6478; --shadow: 0 8px 24px rgba(0, 0, 0, 0.35); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --font-display: "Sora", system-ui, sans-serif; --font-body: "Inter", system-ui, sans-serif; } [data-theme="light"] { --bg-page: #f3f5f9; --bg-sidebar: #ffffff; --bg-card: #ffffff; --bg-elevated: #f7f8fb; --bg-input: #ffffff; --border: #e3e7ee; --border-soft: #edf0f5; --text-main: #171b26; --text-muted: #626b7e; --text-faint: #99a1b3; --shadow: 0 8px 24px rgba(20, 24, 40, 0.08); } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-body); background-color: var(--bg-page); color: var(--text-main); transition: background-color 0.25s ease, color 0.25s ease; } .hidden { display: none !important; } :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }