/* Temas do Portal — selecionados via [data-theme] no . Cookie `portal_theme` = dark | light | midnight. Default: dark. */ :root, [data-theme="dark"] { --bg-0: #050912; --bg-1: #0b1426; --bg-page: linear-gradient(180deg, #050912, #0b1426); --surface: rgba(255,255,255,0.04); --surface-2: rgba(255,255,255,0.05); --border: rgba(255,255,255,0.10); --border-strong: rgba(255,255,255,0.16); --text: #e8eef6; --text-soft: #aab8cc; --text-mute: #6b7c95; --placeholder: #4a5b76; --accent: #3b82f6; --accent-2: #6366f1; --accent-3: #8b5cf6; --accent-ring: rgba(99,102,241,0.14); --accent-focus-bd: rgba(99,102,241,0.6); --accent-focus-bg: rgba(99,102,241,0.06); --field-bg: rgba(255,255,255,0.04); --err: #f87171; --err-bg: rgba(239,68,68,0.10); --err-bd: rgba(239,68,68,0.28); --ok: #86efac; --ok-bg: rgba(34,197,94,0.12); --ok-bd: rgba(34,197,94,0.40); --warn: #fcd34d; --warn-bg: rgba(245,158,11,0.18); --warn-bd: rgba(245,158,11,0.40); --shadow-card: 0 32px 80px rgba(0,0,0,0.55); --glow-1: rgba(59,130,246,0.30); --glow-2: rgba(139,92,246,0.26); --grid-line: rgba(255,255,255,0.025); color-scheme: dark; } [data-theme="light"] { --bg-0: #f5f7fb; --bg-1: #e9eef5; --bg-page: linear-gradient(180deg, #f5f7fb, #e9eef5); --surface: #ffffff; --surface-2: #ffffff; --border: rgba(15,23,42,0.10); --border-strong: rgba(15,23,42,0.18); --text: #0f172a; --text-soft: #475569; --text-mute: #64748b; --placeholder: #94a3b8; --accent: #2563eb; --accent-2: #4f46e5; --accent-3: #7c3aed; --accent-ring: rgba(79,70,229,0.18); --accent-focus-bd: rgba(79,70,229,0.55); --accent-focus-bg: rgba(79,70,229,0.06); --field-bg: #f8fafc; --err: #b91c1c; --err-bg: rgba(220,38,38,0.10); --err-bd: rgba(220,38,38,0.30); --ok: #15803d; --ok-bg: rgba(34,197,94,0.14); --ok-bd: rgba(34,197,94,0.40); --warn: #a16207; --warn-bg: rgba(245,158,11,0.18); --warn-bd: rgba(245,158,11,0.40); --shadow-card: 0 18px 50px rgba(15,23,42,0.10); --glow-1: rgba(59,130,246,0.16); --glow-2: rgba(139,92,246,0.14); --grid-line: rgba(15,23,42,0.05); color-scheme: light; } [data-theme="midnight"] { --bg-0: #000000; --bg-1: #0a0014; --bg-page: radial-gradient(ellipse at 50% 0%, #14001f 0%, #000 70%); --surface: rgba(255,255,255,0.03); --surface-2: rgba(255,255,255,0.05); --border: rgba(168,85,247,0.18); --border-strong: rgba(168,85,247,0.35); --text: #f3f0ff; --text-soft: #c4b8e0; --text-mute: #8a7fae; --placeholder: #5a4f78; --accent: #a855f7; --accent-2: #d946ef; --accent-3: #22d3ee; --accent-ring: rgba(168,85,247,0.22); --accent-focus-bd: rgba(168,85,247,0.7); --accent-focus-bg: rgba(168,85,247,0.08); --field-bg: rgba(255,255,255,0.03); --err: #fb7185; --err-bg: rgba(244,63,94,0.12); --err-bd: rgba(244,63,94,0.35); --ok: #5eead4; --ok-bg: rgba(20,184,166,0.12); --ok-bd: rgba(20,184,166,0.40); --warn: #fbbf24; --warn-bg: rgba(251,191,36,0.16); --warn-bd: rgba(251,191,36,0.40); --shadow-card: 0 32px 80px rgba(0,0,0,0.85), 0 0 60px rgba(168,85,247,0.15); --glow-1: rgba(168,85,247,0.40); --glow-2: rgba(34,211,238,0.30); --grid-line: rgba(168,85,247,0.04); color-scheme: dark; }