/* ===================================================================================================================== Paleta — cópia fiel de `vega/front-end/src/palette.scss`. Light no `:root`, dark em `.dark-theme` no . O site é um espelho do Vega: qualquer ajuste de cor nasce lá e é copiado pra cá, nunca o contrário. ===================================================================================================================== */ :root { /* Backgrounds — light (canvas branco, surface slate frio, borda slate, texto slate carvão suave) */ --background-1: #ffffff; --background-2: #f8fafc; --background-3: #e2e8f0; --background-4: #334155; --nav-icon: #64748b; --shadow: 0px 8px 24px rgba(15, 23, 42, 0.12); --text-shadow-sm: 0 0 4px rgba(0, 0, 0, 0.5); /* Primary — light */ --gray: #64748b; --blue: #4f46e5; --purple: #7c3aed; --amber: #d97706; --red: #dc2626; --pink: #db2777; --green: #16a34a; /* Subtle — light */ --gray-subtle: #f1f5f9; --blue-subtle: #e0e7ff; --purple-subtle: #ede9fe; --amber-subtle: #fef3c7; --red-subtle: #fee2e2; --pink-subtle: #fce7f3; --green-subtle: #dcfce7; /* Variation — light */ --blue-variation: #4338ca; --purple-variation: #6d28d9; --amber-variation: #b45309; --red-variation: #b91c1c; --pink-variation: #be185d; --green-variation: #15803d; /* Céu noturno — tons fixos, iguais nos dois temas: o céu é sempre escuro, e o que fica por cima é claro */ --night-sky-deep: #0a0e1a; --night-sky-mid: #121829; --night-sky-base: #1b1b1f; --night-sky-horizon: #1a2540; --night-sky-star: #e0e0e0; } .dark-theme { /* Backgrounds — dark (Dracula muted) */ --background-1: #121212; --background-2: #1b1b1f; --background-3: #242428; --background-4: #e0e0e0; --nav-icon: #e0e0e0; --shadow: 0px 8px 24px rgba(0, 0, 0, 0.8); --text-shadow-sm: 0 0 4px rgba(0, 0, 0, 0.5); /* Primary — dark */ --gray: #a9a79f; --blue: #5b8fc2; --purple: #7b4bb3; --amber: #c49a3a; --red: #c24a3a; --pink: #c46a7a; --green: #7a8f5d; /* Subtle — dark */ --gray-subtle: #1e1d1b; --blue-subtle: #162433; --purple-subtle: #261b33; --amber-subtle: #2a1f0d; --red-subtle: #2a1612; --pink-subtle: #2a151b; --green-subtle: #182112; /* Variation — dark */ --blue-variation: #7faed6; --purple-variation: #a06ed8; --amber-variation: #d4b25a; --red-variation: #d86a58; --pink-variation: #d88494; --green-variation: #96ad74; } /* Utilitárias de cor — mesmos nomes do Vega */ .color-gray { color: var(--gray) !important; } .color-blue { color: var(--blue) !important; } .color-purple { color: var(--purple) !important; } .color-amber { color: var(--amber) !important; } .color-green { color: var(--green) !important; } .color-red { color: var(--red) !important; } .color-pink { color: var(--pink) !important; } .bg-color-background-1 { background: var(--background-1) !important; } .bg-color-background-2 { background: var(--background-2) !important; } .bg-color-gray-subtle { background: var(--gray-subtle) !important; } .bg-color-blue-subtle { background: var(--blue-subtle) !important; } .bg-color-purple-subtle { background: var(--purple-subtle) !important; } .bg-color-amber-subtle { background: var(--amber-subtle) !important; } .bg-color-green-subtle { background: var(--green-subtle) !important; } .bg-color-red-subtle { background: var(--red-subtle) !important; } .bg-color-pink-subtle { background: var(--pink-subtle) !important; }