:root { /* base */ --ink: #0E1116; --surface: #1A2029; --surface-2: #232B36; --paper: #F4F5F2; --paper-dim: #E7E9E4; /* acentos por mundo */ --agencia: oklch(0.72 0.17 250); --agencia-strong: oklch(0.58 0.17 250); --agencia-soft: oklch(0.72 0.17 250 / 0.14); --academy: oklch(0.72 0.17 155); --academy-strong: oklch(0.55 0.15 155); --academy-soft: oklch(0.72 0.17 155 / 0.14); /* legacy aliases (mundo antes chamado "cursos") */ --cursos: var(--academy); --cursos-strong: var(--academy-strong); --cursos-soft: var(--academy-soft); --destaque: oklch(0.85 0.14 95); /* semantic — tema escuro (padrão da marca) */ --bg: var(--ink); --surface-card: var(--surface); --text-body: rgba(244, 245, 242, 0.65); --text-strong: var(--paper); --text-dim: rgba(244, 245, 242, 0.45); --border: rgba(244, 245, 242, 0.14); --border-strong: rgba(244, 245, 242, 0.3); /* semantic — sobre papel (docs, materiais claros) */ --on-paper-body: rgba(14, 17, 22, 0.7); --on-paper-strong: var(--ink); --on-paper-border: rgba(14, 17, 22, 0.14); } /* Tema claro — ative com data-theme="light" no */ [data-theme="light"] { --bg: var(--paper); --surface: #ECEEE9; --surface-2: #E1E4DD; --surface-card: #FFFFFF; --text-body: rgba(14, 17, 22, 0.7); --text-strong: var(--ink); --text-dim: rgba(14, 17, 22, 0.48); --border: rgba(14, 17, 22, 0.14); --border-strong: rgba(14, 17, 22, 0.32); --shadow-card: 0 1px 2px rgba(14,17,22,0.06), 0 8px 24px rgba(14,17,22,0.08); --shadow-pop: 0 12px 40px rgba(14,17,22,0.18); }