/* ============================================================ Halky Web — Catálogo de Temas (Fase 1) · 21 temas Valores fiéis ao legado (mesmas variáveis --theme-*), para que os 21 temas portem com exatidão e as superfícies nova e antiga fiquem consistentes na transição. Cada bloco responde tanto a [data-theme="x"] (shell novo) quanto a .theme-x (classe no , padrão legado). Padrão = theme-dark-neon-halky (espelha o app Mobile). ============================================================ */ :root, [data-theme="theme-dark-neon-halky"], .theme-dark-neon-halky { --theme-body-bg-gradient: radial-gradient(circle at 12% 18%, #1A0B2E 0%, #0A0514 45%, #030305 100%); --theme-bg-secondary: rgba(17, 17, 22, .62); --theme-bg-tertiary: rgba(26, 11, 46, .5); --theme-text-primary: #FFFFFF; --theme-text-secondary: #9CA3AF; --theme-primary-color: #D946EF; --theme-secondary-color: #A855F7; --theme-accent-color: #60A5FA; --theme-border-color: rgba(217, 70, 239, .18); --theme-glass-border: 1px solid rgba(217, 70, 239, .22); --theme-shadow-color: rgba(217, 70, 239, .25); --theme-success-color: #34d399; --theme-error-color: #f43f5e; --theme-sidebar-bg: rgba(10, 10, 15, .82); --theme-sidebar-icon-color: #9CA3AF; --theme-sidebar-text-color: #9CA3AF; --theme-sidebar-text-active-color: #FFFFFF; --theme-sidebar-nav-link-hover-bg: rgba(217, 70, 239, .14); --theme-chat-header-bg: rgba(10, 10, 15, .7); --theme-chat-input-bg: rgba(10, 10, 15, .7); --theme-chat-bubble-user-bg: linear-gradient(135deg, #6B21A8, #D946EF); --theme-chat-bubble-user-text: #FFFFFF; --theme-chat-bubble-bot-bg: rgba(26, 11, 46, .55); --theme-chat-bubble-bot-text: #F3E8FF; --theme-scrollbar-thumb: rgba(217, 70, 239, .5); --theme-table-bg: rgba(17, 17, 22, .78); --theme-table-stripe-bg: rgba(26, 11, 46, .5); --theme-table-header-bg: rgba(217, 70, 239, .2); --theme-table-border: rgba(217, 70, 239, .25); --theme-glow-soft: rgba(217, 70, 239, .25); --theme-glow-strong: rgba(217, 70, 239, .6); --theme-hero-gradient: linear-gradient(90deg, #FFFFFF 0%, #D946EF 50%, #A855F7 100%); --glass-blur: blur(22px) saturate(190%); } [data-theme="theme-default-dark"], .theme-default-dark { --theme-body-bg-gradient: radial-gradient(circle at 15% 50%, #1a1525, #0f0c1b 50%, #05040a); --theme-bg-secondary: rgba(30, 27, 46, .5); --theme-bg-tertiary: rgba(45, 40, 65, .38); --theme-text-primary: #f8f9fa; --theme-text-secondary: #a0aec0; --theme-primary-color: #805ad5; --theme-secondary-color: #9f7aea; --theme-accent-color: #00e5ff; --theme-border-color: rgba(255, 255, 255, .09); --theme-glass-border: 1px solid rgba(255, 255, 255, .1); --theme-shadow-color: rgba(0, 0, 0, .45); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(12, 10, 22, .75); --theme-sidebar-icon-color: #a0aec0; --theme-sidebar-text-color: #a0aec0; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .05); --theme-chat-header-bg: rgba(20, 18, 30, .55); --theme-chat-input-bg: rgba(20, 18, 30, .55); --theme-chat-bubble-user-bg: linear-gradient(135deg, #6b46c1, #805ad5); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .055); --theme-chat-bubble-bot-text: #e2e8f0; --theme-scrollbar-thumb: rgba(128, 90, 213, .45); --theme-table-bg: rgba(30, 27, 46, .7); --theme-table-stripe-bg: rgba(45, 40, 65, .5); --theme-table-header-bg: rgba(128, 90, 213, .2); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(128, 90, 213, .25); --theme-glow-strong: rgba(128, 90, 213, .55); --theme-hero-gradient: linear-gradient(90deg, #fff, #9f7aea); --glass-blur: blur(22px) saturate(180%); } [data-theme="theme-light"], .theme-light { --theme-body-bg-gradient: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); --theme-bg-secondary: rgba(255, 255, 255, .7); --theme-bg-tertiary: rgba(255, 255, 255, .5); --theme-text-primary: #1a202c; --theme-text-secondary: #4a5568; --theme-primary-color: #3182ce; --theme-secondary-color: #63b3ed; --theme-accent-color: #00b5d8; --theme-border-color: rgba(0, 0, 0, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, .8); --theme-shadow-color: rgba(31, 38, 135, .07); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(255, 255, 255, .55); --theme-sidebar-icon-color: #4a5568; --theme-sidebar-text-color: #4a5568; --theme-sidebar-text-active-color: #1a202c; --theme-sidebar-nav-link-hover-bg: rgba(0, 0, 0, .04); --theme-chat-header-bg: rgba(255, 255, 255, .75); --theme-chat-input-bg: rgba(255, 255, 255, .75); --theme-chat-bubble-user-bg: linear-gradient(135deg, #4299e1, #3182ce); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .9); --theme-chat-bubble-bot-text: #1a202c; --theme-scrollbar-thumb: rgba(49, 130, 206, .35); --theme-table-bg: rgba(255, 255, 255, .9); --theme-table-stripe-bg: rgba(240, 244, 248, .8); --theme-table-header-bg: rgba(49, 130, 206, .1); --theme-table-border: rgba(0, 0, 0, .08); --theme-glow-soft: rgba(49, 130, 206, .2); --theme-glow-strong: rgba(49, 130, 206, .4); --theme-hero-gradient: linear-gradient(90deg, #1a202c, #3182ce); --glass-blur: blur(28px) saturate(205%); --theme-on-primary: #0a0a0a; } [data-theme="theme-feminine-gentle"], .theme-feminine-gentle { --theme-body-bg-gradient: radial-gradient(circle at 80% 20%, #fff0f6, #fce4ec 40%, #f8bbd0); --theme-bg-secondary: rgba(255, 255, 255, .6); --theme-bg-tertiary: rgba(253, 236, 244, .65); --theme-text-primary: #5a1a47; --theme-text-secondary: #874673; --theme-primary-color: #d53f8c; --theme-secondary-color: #ed64a6; --theme-accent-color: #f687b3; --theme-border-color: rgba(213, 63, 140, .15); --theme-glass-border: 1px solid rgba(255, 255, 255, .8); --theme-shadow-color: rgba(213, 63, 140, .1); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(253, 236, 244, .55); --theme-sidebar-icon-color: #874673; --theme-sidebar-text-color: #874673; --theme-sidebar-text-active-color: #5a1a47; --theme-sidebar-nav-link-hover-bg: rgba(213, 63, 140, .08); --theme-chat-header-bg: rgba(255, 255, 255, .6); --theme-chat-input-bg: rgba(255, 255, 255, .6); --theme-chat-bubble-user-bg: linear-gradient(135deg, #d53f8c, #ed64a6); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .82); --theme-chat-bubble-bot-text: #3a0b2d; --theme-scrollbar-thumb: rgba(213, 63, 140, .35); --theme-table-bg: rgba(255, 240, 246, .8); --theme-table-stripe-bg: rgba(252, 228, 236, .7); --theme-table-header-bg: rgba(213, 63, 140, .1); --theme-table-border: rgba(213, 63, 140, .15); --theme-glow-soft: rgba(213, 63, 140, .2); --theme-glow-strong: rgba(213, 63, 140, .4); --theme-hero-gradient: linear-gradient(90deg, #5a1a47, #d53f8c); --glass-blur: blur(22px) saturate(155%); } [data-theme="theme-masculine-bold"], .theme-masculine-bold { --theme-body-bg-gradient: linear-gradient(to bottom right, #0f172a, #1e293b); --theme-bg-secondary: rgba(30, 41, 59, .58); --theme-bg-tertiary: rgba(51, 65, 85, .45); --theme-text-primary: #f1f5f9; --theme-text-secondary: #94a3b8; --theme-primary-color: #0284c7; --theme-secondary-color: #38bdf8; --theme-accent-color: #f59e0b; --theme-border-color: rgba(255, 255, 255, .06); --theme-glass-border: 1px solid rgba(255, 255, 255, .08); --theme-shadow-color: rgba(0, 0, 0, .55); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(15, 23, 42, .7); --theme-sidebar-icon-color: #94a3b8; --theme-sidebar-text-color: #94a3b8; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .05); --theme-chat-header-bg: rgba(15, 23, 42, .55); --theme-chat-input-bg: rgba(15, 23, 42, .55); --theme-chat-bubble-user-bg: linear-gradient(135deg, #0284c7, #0ea5e9); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .08); --theme-chat-bubble-bot-text: #f1f5f9; --theme-scrollbar-thumb: rgba(2, 132, 199, .45); --theme-table-bg: rgba(30, 41, 59, .8); --theme-table-stripe-bg: rgba(51, 65, 85, .5); --theme-table-header-bg: rgba(2, 132, 199, .2); --theme-table-border: rgba(255, 255, 255, .08); --theme-glow-soft: rgba(2, 132, 199, .25); --theme-glow-strong: rgba(2, 132, 199, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #38bdf8); --glass-blur: blur(26px) saturate(185%); --theme-on-primary: #0a0a0a; } [data-theme="theme-ocean-breeze"], .theme-ocean-breeze { --theme-body-bg-gradient: radial-gradient(circle at 10% 10%, #000428, #004e92); --theme-bg-secondary: rgba(0, 34, 78, .45); --theme-bg-tertiary: rgba(0, 68, 130, .32); --theme-text-primary: #e0f2fe; --theme-text-secondary: #bae6fd; --theme-primary-color: #0ea5e9; --theme-secondary-color: #38bdf8; --theme-accent-color: #22d3ee; --theme-border-color: rgba(255, 255, 255, .1); --theme-glass-border: 1px solid rgba(255, 255, 255, .15); --theme-shadow-color: rgba(0, 0, 0, .42); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(0, 15, 40, .65); --theme-sidebar-icon-color: #bae6fd; --theme-sidebar-text-color: #bae6fd; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .08); --theme-chat-header-bg: rgba(0, 15, 40, .55); --theme-chat-input-bg: rgba(0, 15, 40, .55); --theme-chat-bubble-user-bg: linear-gradient(135deg, #0284c7, #22d3ee); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .1); --theme-chat-bubble-bot-text: #e0f2fe; --theme-scrollbar-thumb: rgba(14, 165, 233, .45); --theme-table-bg: rgba(0, 34, 78, .6); --theme-table-stripe-bg: rgba(0, 68, 130, .4); --theme-table-header-bg: rgba(14, 165, 233, .2); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(14, 165, 233, .25); --theme-glow-strong: rgba(14, 165, 233, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #22d3ee); --glass-blur: blur(22px) saturate(165%); --theme-on-primary: #0a0a0a; } [data-theme="theme-deep-forest"], .theme-deep-forest { --theme-body-bg-gradient: linear-gradient(135deg, #064e3b, #022c22); --theme-bg-secondary: rgba(6, 78, 59, .48); --theme-bg-tertiary: rgba(4, 120, 87, .32); --theme-text-primary: #ecfdf5; --theme-text-secondary: #a7f3d0; --theme-primary-color: #10b981; --theme-secondary-color: #34d399; --theme-accent-color: #fbbf24; --theme-border-color: rgba(255, 255, 255, .06); --theme-glass-border: 1px solid rgba(255, 255, 255, .1); --theme-shadow-color: rgba(0, 0, 0, .42); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(2, 44, 34, .68); --theme-sidebar-icon-color: #a7f3d0; --theme-sidebar-text-color: #a7f3d0; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .05); --theme-chat-header-bg: rgba(2, 44, 34, .55); --theme-chat-input-bg: rgba(2, 44, 34, .55); --theme-chat-bubble-user-bg: linear-gradient(135deg, #059669, #10b981); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .08); --theme-chat-bubble-bot-text: #ecfdf5; --theme-scrollbar-thumb: rgba(16, 185, 129, .45); --theme-table-bg: rgba(6, 78, 59, .7); --theme-table-stripe-bg: rgba(4, 120, 87, .4); --theme-table-header-bg: rgba(16, 185, 129, .15); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(16, 185, 129, .25); --theme-glow-strong: rgba(16, 185, 129, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #34d399); --glass-blur: blur(20px) saturate(145%); --theme-on-primary: #0a0a0a; } [data-theme="theme-sunset-glow"], .theme-sunset-glow { --theme-body-bg-gradient: linear-gradient(135deg, #7c2d12, #9a3412, #ea580c); --theme-bg-secondary: rgba(67, 20, 7, .48); --theme-bg-tertiary: rgba(124, 45, 18, .38); --theme-text-primary: #fff7ed; --theme-text-secondary: #fed7aa; --theme-primary-color: #f97316; --theme-secondary-color: #fb923c; --theme-accent-color: #fde047; --theme-border-color: rgba(255, 255, 255, .1); --theme-glass-border: 1px solid rgba(255, 255, 255, .15); --theme-shadow-color: rgba(0, 0, 0, .32); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(67, 20, 7, .68); --theme-sidebar-icon-color: #fed7aa; --theme-sidebar-text-color: #fed7aa; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .08); --theme-chat-header-bg: rgba(67, 20, 7, .55); --theme-chat-input-bg: rgba(67, 20, 7, .55); --theme-chat-bubble-user-bg: linear-gradient(135deg, #ea580c, #f97316); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .08); --theme-chat-bubble-bot-text: #fff7ed; --theme-scrollbar-thumb: rgba(249, 115, 22, .45); --theme-table-bg: rgba(67, 20, 7, .6); --theme-table-stripe-bg: rgba(124, 45, 18, .4); --theme-table-header-bg: rgba(249, 115, 22, .15); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(249, 115, 22, .25); --theme-glow-strong: rgba(249, 115, 22, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #fde047); --glass-blur: blur(26px) saturate(185%); --theme-on-primary: #0a0a0a; } [data-theme="theme-cyber-neon"], .theme-cyber-neon { --theme-body-bg-gradient: linear-gradient(135deg, #09090b, #18181b, #27272a); --theme-bg-secondary: rgba(9, 9, 11, .7); --theme-bg-tertiary: rgba(24, 24, 27, .58); --theme-text-primary: #fafafa; --theme-text-secondary: #a1a1aa; --theme-primary-color: #d946ef; --theme-secondary-color: #ec4899; --theme-accent-color: #22d3ee; --theme-border-color: rgba(34, 211, 238, .18); --theme-glass-border: 1px solid rgba(217, 70, 239, .3); --theme-shadow-color: rgba(217, 70, 239, .22); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(9, 9, 11, .88); --theme-sidebar-icon-color: #a1a1aa; --theme-sidebar-text-color: #a1a1aa; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(217, 70, 239, .15); --theme-chat-header-bg: rgba(9, 9, 11, .75); --theme-chat-input-bg: rgba(9, 9, 11, .75); --theme-chat-bubble-user-bg: linear-gradient(135deg, #c026d3, #d946ef); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(39, 39, 42, .62); --theme-chat-bubble-bot-text: #fafafa; --theme-scrollbar-thumb: rgba(217, 70, 239, .55); --theme-table-bg: rgba(24, 24, 27, .8); --theme-table-stripe-bg: rgba(39, 39, 42, .6); --theme-table-header-bg: rgba(217, 70, 239, .15); --theme-table-border: rgba(34, 211, 238, .2); --theme-glow-soft: rgba(217, 70, 239, .25); --theme-glow-strong: rgba(217, 70, 239, .55); --theme-hero-gradient: linear-gradient(90deg, #fff, #22d3ee); --glass-blur: blur(18px) saturate(205%); } [data-theme="theme-minimalist-clean"], .theme-minimalist-clean { --theme-body-bg-gradient: linear-gradient(135deg, #f8fafc, #f1f5f9); --theme-bg-secondary: rgba(255, 255, 255, .82); --theme-bg-tertiary: rgba(255, 255, 255, .55); --theme-text-primary: #0f172a; --theme-text-secondary: #64748b; --theme-primary-color: #0f172a; --theme-secondary-color: #334155; --theme-accent-color: #475569; --theme-border-color: rgba(0, 0, 0, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, .9); --theme-shadow-color: rgba(15, 23, 42, .05); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(255, 255, 255, .65); --theme-sidebar-icon-color: #64748b; --theme-sidebar-text-color: #64748b; --theme-sidebar-text-active-color: #0f172a; --theme-sidebar-nav-link-hover-bg: rgba(0, 0, 0, .03); --theme-chat-header-bg: rgba(255, 255, 255, .75); --theme-chat-input-bg: rgba(255, 255, 255, .75); --theme-chat-bubble-user-bg: #0f172a; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .95); --theme-chat-bubble-bot-text: #0f172a; --theme-scrollbar-thumb: rgba(15, 23, 42, .2); --theme-table-bg: rgba(255, 255, 255, .9); --theme-table-stripe-bg: rgba(241, 245, 249, .6); --theme-table-header-bg: rgba(15, 23, 42, .05); --theme-table-border: rgba(0, 0, 0, .08); --theme-glow-soft: rgba(15, 23, 42, .15); --theme-glow-strong: rgba(15, 23, 42, .3); --theme-hero-gradient: linear-gradient(90deg, #0f172a, #475569); --glass-blur: blur(32px) saturate(205%); } [data-theme="theme-arctic-blue"], .theme-arctic-blue { --theme-body-bg-gradient: radial-gradient(circle at 100% 0%, #020b17 0%, #00020a 100%); --theme-bg-secondary: rgba(10, 16, 30, .55); --theme-bg-tertiary: rgba(10, 16, 30, .82); --theme-text-primary: #ffffff; --theme-text-secondary: #8b9bb4; --theme-primary-color: #06ff79; --theme-secondary-color: #04cf61; --theme-accent-color: #06ff79; --theme-border-color: rgba(255, 255, 255, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, .08); --theme-shadow-color: rgba(0, 0, 0, .62); --theme-success-color: #06ff79; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(2, 11, 23, .88); --theme-sidebar-icon-color: #8b9bb4; --theme-sidebar-text-color: #8b9bb4; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(6, 255, 121, .1); --theme-chat-header-bg: rgba(2, 11, 23, .7); --theme-chat-input-bg: rgba(2, 11, 23, .7); --theme-chat-bubble-user-bg: linear-gradient(135deg, #04cf61, #06ff79); --theme-chat-bubble-user-text: #000000; --theme-chat-bubble-bot-bg: rgba(240, 240, 240, .95); --theme-chat-bubble-bot-text: #0a101e; --theme-scrollbar-thumb: rgba(6, 255, 121, .38); --theme-table-bg: rgba(10, 16, 30, .7); --theme-table-stripe-bg: rgba(255, 255, 255, .02); --theme-table-header-bg: rgba(6, 255, 121, .1); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(6, 255, 121, .25); --theme-glow-strong: rgba(6, 255, 121, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #06ff79); --glass-blur: blur(26px) saturate(185%); --theme-on-primary: #0a0a0a; } [data-theme="theme-corporate-silver"], .theme-corporate-silver { --theme-body-bg-gradient: linear-gradient(135deg, #fdfdfd, #e2e8f0); --theme-bg-secondary: rgba(255, 255, 255, .72); --theme-bg-tertiary: rgba(255, 255, 255, .52); --theme-text-primary: #334155; --theme-text-secondary: #64748b; --theme-primary-color: #475569; --theme-secondary-color: #94a3b8; --theme-accent-color: #0284c7; --theme-border-color: rgba(0, 0, 0, .06); --theme-glass-border: 1px solid rgba(255, 255, 255, .9); --theme-shadow-color: rgba(0, 0, 0, .04); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(255, 255, 255, .62); --theme-sidebar-icon-color: #64748b; --theme-sidebar-text-color: #64748b; --theme-sidebar-text-active-color: #334155; --theme-sidebar-nav-link-hover-bg: rgba(0, 0, 0, .03); --theme-chat-header-bg: rgba(255, 255, 255, .82); --theme-chat-input-bg: rgba(255, 255, 255, .82); --theme-chat-bubble-user-bg: #475569; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(240, 244, 248, .92); --theme-chat-bubble-bot-text: #1e293b; --theme-scrollbar-thumb: rgba(71, 85, 105, .28); --theme-table-bg: rgba(255, 255, 255, .9); --theme-table-stripe-bg: rgba(226, 232, 240, .5); --theme-table-header-bg: rgba(71, 85, 105, .08); --theme-table-border: rgba(0, 0, 0, .08); --theme-glow-soft: rgba(71, 85, 105, .15); --theme-glow-strong: rgba(71, 85, 105, .3); --theme-hero-gradient: linear-gradient(90deg, #334155, #0284c7); --glass-blur: blur(28px) saturate(185%); } [data-theme="theme-pure-monochrome"], .theme-pure-monochrome { --theme-body-bg-gradient: linear-gradient(to right, #ffffff, #f5f5f5); --theme-bg-secondary: rgba(255, 255, 255, .82); --theme-bg-tertiary: rgba(245, 245, 245, .65); --theme-text-primary: #000000; --theme-text-secondary: #737373; --theme-primary-color: #000000; --theme-secondary-color: #404040; --theme-accent-color: #171717; --theme-border-color: rgba(0, 0, 0, .1); --theme-glass-border: 1px solid rgba(255, 255, 255, 1); --theme-shadow-color: rgba(0, 0, 0, .04); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(255, 255, 255, .72); --theme-sidebar-icon-color: #737373; --theme-sidebar-text-color: #737373; --theme-sidebar-text-active-color: #000000; --theme-sidebar-nav-link-hover-bg: rgba(0, 0, 0, .04); --theme-chat-header-bg: rgba(255, 255, 255, .92); --theme-chat-input-bg: rgba(255, 255, 255, .92); --theme-chat-bubble-user-bg: #000000; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(240, 240, 240, 1); --theme-chat-bubble-bot-text: #000000; --theme-scrollbar-thumb: rgba(0, 0, 0, .18); --theme-table-bg: rgba(255, 255, 255, 1); --theme-table-stripe-bg: rgba(245, 245, 245, .8); --theme-table-header-bg: rgba(0, 0, 0, .05); --theme-table-border: rgba(0, 0, 0, .15); --theme-glow-soft: rgba(0, 0, 0, .1); --theme-glow-strong: rgba(0, 0, 0, .25); --theme-hero-gradient: linear-gradient(90deg, #000, #404040); --glass-blur: blur(36px) saturate(125%); } [data-theme="theme-soft-sand"], .theme-soft-sand { --theme-body-bg-gradient: linear-gradient(135deg, #fdfbf7, #f5f0e6); --theme-bg-secondary: rgba(255, 255, 255, .55); --theme-bg-tertiary: rgba(245, 240, 230, .62); --theme-text-primary: #5c4d42; --theme-text-secondary: #8a7b70; --theme-primary-color: #8c735e; --theme-secondary-color: #baa89b; --theme-accent-color: #d4a373; --theme-border-color: rgba(140, 115, 94, .12); --theme-glass-border: 1px solid rgba(255, 255, 255, .7); --theme-shadow-color: rgba(92, 77, 66, .06); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(245, 240, 230, .55); --theme-sidebar-icon-color: #8a7b70; --theme-sidebar-text-color: #8a7b70; --theme-sidebar-text-active-color: #5c4d42; --theme-sidebar-nav-link-hover-bg: rgba(140, 115, 94, .05); --theme-chat-header-bg: rgba(255, 255, 255, .65); --theme-chat-input-bg: rgba(255, 255, 255, .65); --theme-chat-bubble-user-bg: #8c735e; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .82); --theme-chat-bubble-bot-text: #382d25; --theme-scrollbar-thumb: rgba(140, 115, 94, .28); --theme-table-bg: rgba(255, 255, 255, .7); --theme-table-stripe-bg: rgba(245, 240, 230, .6); --theme-table-header-bg: rgba(140, 115, 94, .1); --theme-table-border: rgba(140, 115, 94, .15); --theme-glow-soft: rgba(140, 115, 94, .15); --theme-glow-strong: rgba(140, 115, 94, .3); --theme-hero-gradient: linear-gradient(90deg, #5c4d42, #d4a373); --glass-blur: blur(22px) saturate(145%); --theme-on-primary: #0a0a0a; } [data-theme="theme-midnight-fog"], .theme-midnight-fog { --theme-body-bg-gradient: linear-gradient(135deg, #181a1f, #22252a); --theme-bg-secondary: rgba(34, 37, 42, .65); --theme-bg-tertiary: rgba(24, 26, 31, .52); --theme-text-primary: #e4e6eb; --theme-text-secondary: #abb2bf; --theme-primary-color: #61afef; --theme-secondary-color: #7f848e; --theme-accent-color: #61afef; --theme-border-color: rgba(255, 255, 255, .055); --theme-glass-border: 1px solid rgba(255, 255, 255, .055); --theme-shadow-color: rgba(0, 0, 0, .42); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(24, 26, 31, .75); --theme-sidebar-icon-color: #abb2bf; --theme-sidebar-text-color: #abb2bf; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .04); --theme-chat-header-bg: rgba(34, 37, 42, .82); --theme-chat-input-bg: rgba(34, 37, 42, .82); --theme-chat-bubble-user-bg: #4b5263; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(40, 44, 52, .82); --theme-chat-bubble-bot-text: #e4e6eb; --theme-scrollbar-thumb: rgba(92, 99, 112, .48); --theme-table-bg: rgba(34, 37, 42, .8); --theme-table-stripe-bg: rgba(24, 26, 31, .6); --theme-table-header-bg: rgba(92, 99, 112, .2); --theme-table-border: rgba(255, 255, 255, .08); --theme-glow-soft: rgba(97, 175, 239, .2); --theme-glow-strong: rgba(97, 175, 239, .4); --theme-hero-gradient: linear-gradient(90deg, #fff, #61afef); --glass-blur: blur(26px) saturate(125%); --theme-on-primary: #0a0a0a; } [data-theme="theme-mint-elegance"], .theme-mint-elegance { --theme-body-bg-gradient: linear-gradient(135deg, #fcfdfd, #f0f7f4); --theme-bg-secondary: rgba(255, 255, 255, .72); --theme-bg-tertiary: rgba(240, 247, 244, .52); --theme-text-primary: #2d4a41; --theme-text-secondary: #5e8074; --theme-primary-color: #4a8270; --theme-secondary-color: #84a99c; --theme-accent-color: #26a69a; --theme-border-color: rgba(74, 130, 112, .12); --theme-glass-border: 1px solid rgba(255, 255, 255, .9); --theme-shadow-color: rgba(45, 74, 65, .07); --theme-success-color: #38a169; --theme-error-color: #e53e3e; --theme-sidebar-bg: rgba(240, 247, 244, .65); --theme-sidebar-icon-color: #5e8074; --theme-sidebar-text-color: #5e8074; --theme-sidebar-text-active-color: #2d4a41; --theme-sidebar-nav-link-hover-bg: rgba(74, 130, 112, .05); --theme-chat-header-bg: rgba(255, 255, 255, .82); --theme-chat-input-bg: rgba(255, 255, 255, .82); --theme-chat-bubble-user-bg: linear-gradient(135deg, #4a8270, #5e8074); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .92); --theme-chat-bubble-bot-text: #1a3029; --theme-scrollbar-thumb: rgba(74, 130, 112, .28); --theme-table-bg: rgba(255, 255, 255, .8); --theme-table-stripe-bg: rgba(240, 247, 244, .6); --theme-table-header-bg: rgba(74, 130, 112, .1); --theme-table-border: rgba(74, 130, 112, .15); --theme-glow-soft: rgba(74, 130, 112, .15); --theme-glow-strong: rgba(74, 130, 112, .3); --theme-hero-gradient: linear-gradient(90deg, #2d4a41, #26a69a); --glass-blur: blur(22px) saturate(165%); --theme-on-primary: #0a0a0a; } [data-theme="theme-dark-minimalist"], .theme-dark-minimalist { --theme-body-bg-gradient: linear-gradient(135deg, #212121, #1a1a1a); --theme-bg-secondary: rgba(33, 33, 33, .75); --theme-bg-tertiary: rgba(23, 23, 23, .6); --theme-text-primary: #ececec; --theme-text-secondary: #a3a3a3; --theme-primary-color: #10a37f; --theme-secondary-color: #0d876a; --theme-accent-color: #10a37f; --theme-border-color: rgba(255, 255, 255, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, .1); --theme-shadow-color: rgba(0, 0, 0, .3); --theme-success-color: #10a37f; --theme-error-color: #ef4444; --theme-sidebar-bg: rgba(23, 23, 23, .85); --theme-sidebar-icon-color: #a3a3a3; --theme-sidebar-text-color: #a3a3a3; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .05); --theme-chat-header-bg: rgba(33, 33, 33, .8); --theme-chat-input-bg: rgba(33, 33, 33, .8); --theme-chat-bubble-user-bg: #303030; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(33, 33, 33, .9); --theme-chat-bubble-bot-text: #ececec; --theme-scrollbar-thumb: rgba(255, 255, 255, .15); --theme-table-bg: rgba(40, 40, 40, .8); --theme-table-stripe-bg: rgba(33, 33, 33, .6); --theme-table-header-bg: rgba(16, 163, 127, .15); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(16, 163, 127, .2); --theme-glow-strong: rgba(16, 163, 127, .4); --theme-hero-gradient: linear-gradient(90deg, #ececec, #10a37f); --glass-blur: blur(24px) saturate(140%); } [data-theme="theme-slate-elegant"], .theme-slate-elegant { --theme-body-bg-gradient: linear-gradient(135deg, #f9f5ef, #f4efe6); --theme-bg-secondary: rgba(255, 255, 255, .65); --theme-bg-tertiary: rgba(249, 245, 239, .8); --theme-text-primary: #333333; --theme-text-secondary: #736d64; --theme-primary-color: #d97757; --theme-secondary-color: #c26244; --theme-accent-color: #d97757; --theme-border-color: rgba(0, 0, 0, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, .8); --theme-shadow-color: rgba(0, 0, 0, .05); --theme-success-color: #2a9d8f; --theme-error-color: #e76f51; --theme-sidebar-bg: rgba(244, 239, 230, .7); --theme-sidebar-icon-color: #736d64; --theme-sidebar-text-color: #736d64; --theme-sidebar-text-active-color: #333333; --theme-sidebar-nav-link-hover-bg: rgba(0, 0, 0, .04); --theme-chat-header-bg: rgba(255, 255, 255, .85); --theme-chat-input-bg: rgba(255, 255, 255, .85); --theme-chat-bubble-user-bg: #e8dfd2; --theme-chat-bubble-user-text: #333333; --theme-chat-bubble-bot-bg: rgba(255, 255, 255, .95); --theme-chat-bubble-bot-text: #222222; --theme-scrollbar-thumb: rgba(0, 0, 0, .15); --theme-table-bg: rgba(255, 255, 255, .9); --theme-table-stripe-bg: rgba(244, 239, 230, .5); --theme-table-header-bg: rgba(217, 119, 87, .1); --theme-table-border: rgba(0, 0, 0, .06); --theme-glow-soft: rgba(217, 119, 87, .15); --theme-glow-strong: rgba(217, 119, 87, .3); --theme-hero-gradient: linear-gradient(90deg, #333333, #d97757); --glass-blur: blur(22px) saturate(130%); } [data-theme="theme-clinical-evident"], .theme-clinical-evident { --theme-body-bg-gradient: linear-gradient(to right, #ffffff, #f8f9fa); --theme-bg-secondary: rgba(255, 255, 255, .9); --theme-bg-tertiary: rgba(248, 249, 250, .7); --theme-text-primary: #212529; --theme-text-secondary: #6c757d; --theme-primary-color: #0d6efd; --theme-secondary-color: #0b5ed7; --theme-accent-color: #0dcaf0; --theme-border-color: rgba(0, 0, 0, .08); --theme-glass-border: 1px solid rgba(255, 255, 255, 1); --theme-shadow-color: rgba(0, 0, 0, .06); --theme-success-color: #198754; --theme-error-color: #dc3545; --theme-sidebar-bg: rgba(248, 249, 250, .8); --theme-sidebar-icon-color: #6c757d; --theme-sidebar-text-color: #6c757d; --theme-sidebar-text-active-color: #212529; --theme-sidebar-nav-link-hover-bg: rgba(13, 110, 253, .08); --theme-chat-header-bg: rgba(255, 255, 255, .95); --theme-chat-input-bg: rgba(255, 255, 255, .95); --theme-chat-bubble-user-bg: #0d6efd; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(241, 243, 245, .9); --theme-chat-bubble-bot-text: #1a1e21; --theme-scrollbar-thumb: rgba(13, 110, 253, .3); --theme-table-bg: rgba(255, 255, 255, 1); --theme-table-stripe-bg: rgba(248, 249, 250, .8); --theme-table-header-bg: rgba(13, 110, 253, .1); --theme-table-border: rgba(0, 0, 0, .1); --theme-glow-soft: rgba(13, 110, 253, .2); --theme-glow-strong: rgba(13, 110, 253, .4); --theme-hero-gradient: linear-gradient(90deg, #212529, #0d6efd); --glass-blur: blur(30px) saturate(120%); } [data-theme="theme-midnight-oled"], .theme-midnight-oled { --theme-body-bg-gradient: linear-gradient(135deg, #000000, #050505); --theme-bg-secondary: rgba(10, 10, 10, .8); --theme-bg-tertiary: rgba(0, 0, 0, .7); --theme-text-primary: #e0e0e0; --theme-text-secondary: #808080; --theme-primary-color: #ffffff; --theme-secondary-color: #cccccc; --theme-accent-color: #ffffff; --theme-border-color: rgba(255, 255, 255, .1); --theme-glass-border: 1px solid rgba(255, 255, 255, .05); --theme-shadow-color: rgba(255, 255, 255, .05); --theme-success-color: #4caf50; --theme-error-color: #f44336; --theme-sidebar-bg: rgba(0, 0, 0, .9); --theme-sidebar-icon-color: #808080; --theme-sidebar-text-color: #808080; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(255, 255, 255, .1); --theme-chat-header-bg: rgba(5, 5, 5, .9); --theme-chat-input-bg: rgba(5, 5, 5, .9); --theme-chat-bubble-user-bg: #2a2a2a; --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(10, 10, 10, .95); --theme-chat-bubble-bot-text: #e0e0e0; --theme-scrollbar-thumb: rgba(255, 255, 255, .2); --theme-table-bg: rgba(15, 15, 15, .9); --theme-table-stripe-bg: rgba(5, 5, 5, .8); --theme-table-header-bg: rgba(255, 255, 255, .1); --theme-table-border: rgba(255, 255, 255, .1); --theme-glow-soft: rgba(255, 255, 255, .1); --theme-glow-strong: rgba(255, 255, 255, .25); --theme-hero-gradient: linear-gradient(90deg, #ffffff, #aaaaaa); --glass-blur: blur(15px) saturate(110%); --theme-on-primary: #0a0a0a; } [data-theme="theme-medical-indigo"], .theme-medical-indigo { --theme-body-bg-gradient: linear-gradient(135deg, #0f172a, #1e1b4b); --theme-bg-secondary: rgba(30, 27, 75, .6); --theme-bg-tertiary: rgba(15, 23, 42, .7); --theme-text-primary: #e0e7ff; --theme-text-secondary: #94a3b8; --theme-primary-color: #06b6d4; --theme-secondary-color: #0284c7; --theme-accent-color: #38bdf8; --theme-border-color: rgba(6, 182, 212, .2); --theme-glass-border: 1px solid rgba(6, 182, 212, .15); --theme-shadow-color: rgba(0, 0, 0, .4); --theme-success-color: #10b981; --theme-error-color: #ef4444; --theme-sidebar-bg: rgba(15, 23, 42, .85); --theme-sidebar-icon-color: #94a3b8; --theme-sidebar-text-color: #94a3b8; --theme-sidebar-text-active-color: #ffffff; --theme-sidebar-nav-link-hover-bg: rgba(6, 182, 212, .1); --theme-chat-header-bg: rgba(15, 23, 42, .7); --theme-chat-input-bg: rgba(15, 23, 42, .7); --theme-chat-bubble-user-bg: linear-gradient(135deg, #0284c7, #06b6d4); --theme-chat-bubble-user-text: #ffffff; --theme-chat-bubble-bot-bg: rgba(30, 27, 75, .55); --theme-chat-bubble-bot-text: #e0e7ff; --theme-scrollbar-thumb: rgba(6, 182, 212, .45); --theme-table-bg: rgba(15, 23, 42, .8); --theme-table-stripe-bg: rgba(30, 27, 75, .5); --theme-table-header-bg: rgba(6, 182, 212, .15); --theme-table-border: rgba(6, 182, 212, .2); --theme-glow-soft: rgba(6, 182, 212, .25); --theme-glow-strong: rgba(6, 182, 212, .5); --theme-hero-gradient: linear-gradient(90deg, #fff, #38bdf8); --glass-blur: blur(24px) saturate(160%); --theme-on-primary: #0a0a0a; }