/* ═══════════════════════════════════════════════════════════════════ DESIGN TOKENS — fonte única de verdade para cores do projeto Altere aqui para mudar o tema de TODOS os apps (sistema, landing, cursos, meurpps) ═══════════════════════════════════════════════════════════════════ */ :root { /* Fonts */ --font-heading: 'Cormorant Garamond', serif; --font-body: 'DM Sans', sans-serif; /* Backgrounds */ --bg-deep: #0F1115; --bg-surface: #161B22; --bg-elevated: #1F2933; /* Text */ --text-primary: #E6EDF3; --text-secondary: #8B949E; /* Borders */ --border-color: #30363D; /* Accent (electric blue — default) */ --accent: #3B82F6; --accent-hover: #60A5FA; --accent-active: #2563EB; --accent-deep: #1D4ED8; --accent-glow: rgba(59,130,246,.35); /* Data-viz / status */ --color-green: #22C55E; --color-cyan: #06B6D4; --color-amber: #F59E0B; --color-red: #EF4444; --color-purple: #A78BFA; /* Layout */ --maxw: 1180px; --radius: 24px; --shadow: 0 20px 60px rgba(0,0,0,0.45); /* Legacy aliases */ --brand-blue: var(--accent); --brand-blue-dark: var(--accent-active); --footer-bg: var(--bg-surface); --footer-text: var(--text-primary); } /* ═══════════════════════════════════════════════════════════════════ LIGHT MODE — ativado com data-theme="light" no Warm beige palette for a refined, paper-like feel ═══════════════════════════════════════════════════════════════════ */ [data-theme="light"] { --bg-deep: #F5F0E8; --bg-surface: #FDFBF7; --bg-elevated: #FFFFFF; --text-primary: #1B2A4A; --text-secondary: #6B7B9A; --border-color: #D0D7DE; --accent: #2563EB; --accent-hover: #1D4ED8; --accent-active: #1E40AF; --accent-deep: #1E3A8A; --accent-glow: rgba(37,99,235,.25); --color-green: #16A34A; --color-cyan: #0891B2; --color-amber: #D97706; --color-red: #DC2626; --color-purple: #7C3AED; --footer-bg: var(--bg-surface); --footer-text: var(--text-primary); } /* ═══════════════════════════════════════════════════════════════════ PER-APP ACCENT OVERRIDES Apps that use gold accent instead of blue set data-app on ═══════════════════════════════════════════════════════════════════ */ [data-app="cursos"], [data-app="meurpps"] { --accent: #C9A84C; --accent-hover: #B8963E; --accent-active: #A6842F; --accent-deep: #8D6F22; --accent-glow: rgba(201,168,76,.35); } [data-theme="light"][data-app="cursos"], [data-theme="light"][data-app="meurpps"] { --accent: #C9A84C; --accent-hover: #B8963E; --accent-active: #A6842F; --accent-deep: #8D6F22; --accent-glow: rgba(201,168,76,.25); }