/* ========================================================================== PRISMA SMM — Themes Dark (default) / Light / System. Applied via . 'system' resolves to dark|light in JS before render; tokens below are driven purely by data-theme. ========================================================================== */ /* ---- Dark (primary PRISMA theme) ---- */ html[data-theme="dark"], html:not([data-theme]) { color-scheme: dark; --prisma-bg: #050914; --prisma-bg-secondary: #070D1A; --prisma-bg-tertiary: #0A1020; --prisma-surface: #0A1020; --prisma-surface-hover: #0D1426; --prisma-surface-elevated: #101A30; --prisma-surface-sunken: #060B18; --prisma-border: rgba(139, 148, 190, 0.14); --prisma-border-hover: rgba(139, 148, 190, 0.30); --prisma-border-strong: rgba(139, 148, 190, 0.22); --prisma-primary: #8B5CF6; --prisma-primary-hover: #9F71FF; --prisma-primary-soft: rgba(139, 92, 246, 0.14); --prisma-secondary: #3B82F6; --prisma-secondary-hover: #5B9BFF; --prisma-secondary-soft: rgba(59, 130, 246, 0.14); --prisma-text: #E8EBF6; --prisma-text-secondary: #A6AFC9; --prisma-text-muted: #66708E; --prisma-success: #10B981; --prisma-success-soft: rgba(16, 185, 129, 0.14); --prisma-warning: #F59E0B; --prisma-warning-soft: rgba(245, 158, 11, 0.14); --prisma-danger: #F43F5E; --prisma-danger-soft: rgba(244, 63, 94, 0.14); --prisma-info: #22D3EE; --prisma-info-soft: rgba(34, 211, 238, 0.14); --prisma-info-strong: #0891B2; --prisma-info-strong-hover: #06B6D4; --prisma-glow-primary: 0 0 24px rgba(139, 92, 246, 0.35); --prisma-glow-secondary: 0 0 24px rgba(59, 130, 246, 0.35); --prisma-shadow-sm: 0 1px 2px rgba(2, 6, 16, 0.5); --prisma-shadow-md: 0 8px 24px rgba(2, 6, 16, 0.45); --prisma-shadow-lg: 0 20px 48px rgba(2, 6, 16, 0.55); --prisma-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04); --prisma-scrollbar: rgba(139, 148, 190, 0.18); --prisma-scrollbar-hover: rgba(139, 148, 190, 0.34); /* Standard data tables (same design as the services page, token-driven) */ --prisma-table-bg-top: #15151A; --prisma-table-bg-bottom: #111114; --prisma-table-border: #26262D; --prisma-table-border-light: rgba(255, 255, 255, 0.035); --prisma-table-header-bg: rgba(11, 11, 14, 0.88); --prisma-table-header-text: #9CA3AF; --prisma-table-cell-text: #F4F4F5; --prisma-table-sep: rgba(255, 255, 255, 0.035); --prisma-table-hover: rgba(59, 130, 246, 0.055); --prisma-table-accent: #3B82F6; --prisma-table-accent-glow: rgba(59, 130, 246, 0.25); } /* ---- Light (independently designed, not an inversion) ---- */ html[data-theme="light"] { color-scheme: light; --prisma-bg: #EEF1F8; --prisma-bg-secondary: #E8EBF4; --prisma-bg-tertiary: #F4F6FB; --prisma-surface: #FFFFFF; --prisma-surface-hover: #F6F8FD; --prisma-surface-elevated: #FFFFFF; --prisma-surface-sunken: #E9ECF4; --prisma-border: rgba(23, 30, 54, 0.10); --prisma-border-hover: rgba(23, 30, 54, 0.22); --prisma-border-strong: rgba(23, 30, 54, 0.16); --prisma-primary: #7C3AED; --prisma-primary-hover: #6D28D9; --prisma-primary-soft: rgba(124, 58, 237, 0.10); --prisma-secondary: #2563EB; --prisma-secondary-hover: #1D4ED8; --prisma-secondary-soft: rgba(37, 99, 235, 0.10); --prisma-text: #0F1526; --prisma-text-secondary: #46506B; --prisma-text-muted: #737B93; --prisma-success: #059669; --prisma-success-soft: rgba(5, 150, 105, 0.10); --prisma-warning: #D97706; --prisma-warning-soft: rgba(217, 119, 6, 0.10); --prisma-danger: #E11D48; --prisma-danger-soft: rgba(225, 29, 72, 0.10); --prisma-info: #0E7490; --prisma-info-soft: rgba(14, 116, 144, 0.10); --prisma-info-strong: #0E7490; --prisma-info-strong-hover: #155E75; --prisma-glow-primary: 0 8px 28px rgba(124, 58, 237, 0.18); --prisma-glow-secondary: 0 8px 28px rgba(37, 99, 235, 0.18); --prisma-shadow-sm: 0 1px 2px rgba(23, 30, 54, 0.06); --prisma-shadow-md: 0 10px 28px rgba(23, 30, 54, 0.10); --prisma-shadow-lg: 0 24px 56px rgba(23, 30, 54, 0.14); --prisma-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.8); --prisma-scrollbar: rgba(23, 30, 54, 0.16); --prisma-scrollbar-hover: rgba(23, 30, 54, 0.30); /* Standard data tables (same design as the services page, token-driven) */ --prisma-table-bg-top: #FFFFFF; --prisma-table-bg-bottom: #F4F6FB; --prisma-table-border: rgba(23, 30, 54, 0.12); --prisma-table-border-light: rgba(255, 255, 255, 0.8); --prisma-table-header-bg: rgba(255, 255, 255, 0.82); --prisma-table-header-text: #46506B; --prisma-table-cell-text: #0F1526; --prisma-table-sep: rgba(23, 30, 54, 0.06); --prisma-table-hover: rgba(37, 99, 235, 0.05); --prisma-table-accent: #2563EB; --prisma-table-accent-glow: rgba(37, 99, 235, 0.20); } /* ---- Chroma-based surfaces for cards that need elevation steps ---- */ html[data-theme="dark"] { --prisma-lift: 0.9; } html[data-theme="light"] { --prisma-lift: 1; }