/* ===== UaiOS — 10 paletas selecionaveis ===== Cada tema define: --primary (CTA), --primary-hover, --accent, --bg, --bg-elev, --text, --text-mute, --border, --danger, --success. O tema ativo eh aplicado via data-theme="" no . */ /* Default: Lime Spark + Graphite (dark tech) */ :root, [data-theme="lime-graphite"] { --primary: #B6FF2E; --primary-hover: #C4FF5A; --primary-contrast: #23262F; --accent: #B6FF2E; --bg: #17191F; --bg-elev: #23262F; --bg-elev-2: #2E323D; --text: #F5F5F5; --text-mute: #9CA3AF; --border: #363B48; --danger: #FF6B6B; --success: #B6FF2E; --info: #38BDF8; --shadow: 0 8px 24px rgba(182, 255, 46, 0.10); } /* Ultra Violet + Soft Apricot (dark bg) */ [data-theme="ultra-violet"] { --primary: #6A00F4; --primary-hover: #7C1EFF; --primary-contrast: #FFFFFF; --accent: #FFD6A5; --bg: #0F0B1A; --bg-elev: #1A1230; --bg-elev-2: #241941; --text: #F5F0FF; --text-mute: #A99BC7; --border: #2E204F; --danger: #FF4B6E; --success: #4ADE80; --info: #38BDF8; --shadow: 0 8px 24px rgba(106, 0, 244, 0.15); } /* Signal Blue + Porcelain (light bg) */ [data-theme="signal-blue"] { --primary: #0057FF; --primary-hover: #1E6BFF; --primary-contrast: #FFFFFF; --accent: #23262F; --bg: #F8F7F4; --bg-elev: #FFFFFF; --bg-elev-2: #EEECE7; --text: #23262F; --text-mute: #6B7280; --border: #E5E3DE; --danger: #DC2626; --success: #16A34A; --info: #0EA5E9; --shadow: 0 8px 24px rgba(0, 87, 255, 0.10); } /* Butter Yellow + Royal Iris */ [data-theme="butter-iris"] { --primary: #FFF275; --primary-hover: #FFED4A; --primary-contrast: #3A0CA3; --accent: #3A0CA3; --bg: #2A0980; --bg-elev: #3A0CA3; --bg-elev-2: #4B1BC0; --text: #FFF9CC; --text-mute: #C4B5FD; --border: #5A2ED0; --danger: #FF6B6B; --success: #4ADE80; --info: #FFF275; --shadow: 0 8px 24px rgba(255, 242, 117, 0.15); } /* Dragonfruit + Night Violet */ [data-theme="dragonfruit-night"] { --primary: #FF4696; --primary-hover: #FF67AC; --primary-contrast: #FFFFFF; --accent: #FF4696; --bg: #1E1033; --bg-elev: #2A1747; --bg-elev-2: #3A1F5F; --text: #FFE9F2; --text-mute: #C9A3C0; --border: #4A2E70; --danger: #FF4B6E; --success: #4ADE80; --info: #FF4696; --shadow: 0 8px 24px rgba(255, 70, 150, 0.15); } /* Porcelain + Graphite (light minimal) */ [data-theme="porcelain-graphite"] { --primary: #23262F; --primary-hover: #363B48; --primary-contrast: #F8F7F4; --accent: #6A00F4; --bg: #F8F7F4; --bg-elev: #FFFFFF; --bg-elev-2: #EFEDE7; --text: #23262F; --text-mute: #6B7280; --border: #E5E3DE; --danger: #DC2626; --success: #16A34A; --info: #0EA5E9; --shadow: 0 8px 24px rgba(35, 38, 47, 0.08); } /* Signal Blue + Graphite (dark tech blue) */ [data-theme="signal-graphite"] { --primary: #0057FF; --primary-hover: #2A73FF; --primary-contrast: #FFFFFF; --accent: #0057FF; --bg: #17191F; --bg-elev: #23262F; --bg-elev-2: #2E323D; --text: #F5F5F5; --text-mute: #9CA3AF; --border: #363B48; --danger: #FF6B6B; --success: #4ADE80; --info: #0EA5E9; --shadow: 0 8px 24px rgba(0, 87, 255, 0.15); } /* Ultra Violet + Porcelain (light + violet accent) */ [data-theme="violet-porcelain"] { --primary: #6A00F4; --primary-hover: #7C1EFF; --primary-contrast: #FFFFFF; --accent: #FFD6A5; --bg: #F8F7F4; --bg-elev: #FFFFFF; --bg-elev-2: #EFEDE7; --text: #23262F; --text-mute: #6B7280; --border: #E0DAF0; --danger: #DC2626; --success: #16A34A; --info: #6A00F4; --shadow: 0 8px 24px rgba(106, 0, 244, 0.08); } /* Soft Apricot + Graphite (dark warm) */ [data-theme="apricot-dark"] { --primary: #FFD6A5; --primary-hover: #FFE0B8; --primary-contrast: #23262F; --accent: #FFD6A5; --bg: #17191F; --bg-elev: #23262F; --bg-elev-2: #2E323D; --text: #FFF3E0; --text-mute: #C7B49A; --border: #3A3630; --danger: #FF6B6B; --success: #4ADE80; --info: #FFD6A5; --shadow: 0 8px 24px rgba(255, 214, 165, 0.12); } /* Dragonfruit + Porcelain (light + pink accent) */ [data-theme="dragonfruit-light"] { --primary: #FF4696; --primary-hover: #FF67AC; --primary-contrast: #FFFFFF; --accent: #1E1033; --bg: #FFF5FA; --bg-elev: #FFFFFF; --bg-elev-2: #FFEAF3; --text: #1E1033; --text-mute: #6B4D5F; --border: #FFD5E8; --danger: #DC2626; --success: #16A34A; --info: #FF4696; --shadow: 0 8px 24px rgba(255, 70, 150, 0.10); } /* Metadata pra listar temas no menu */ :root { --themes-json: 'ultra-violet,signal-blue,lime-graphite,butter-iris,dragonfruit-night,porcelain-graphite,signal-graphite,violet-porcelain,apricot-dark,dragonfruit-light'; }