/* ════════════════════════════════════════════════════════ GOODTECH HUB — THEME SYSTEM Tema activa se seteaza via data-theme pe . Script de initializare in app.blade.php (fara flash). Salvare: localStorage['gt-theme'] ════════════════════════════════════════════════════════ */ /* ── ROYAL LIGHT (default) — lavanda + portocaliu ── */ :root, [data-theme="royal-light"] { --gt-bg: #f5f2ff; --gt-bg2: #ece8fb; --gt-bg3: #ddd6f9; --gt-bg-card: #ffffff; --gt-border: rgba(110,70,210,0.13); --gt-border2: rgba(110,70,210,0.26); --gt-text: #1e1246; --gt-text-dim: #6040a0; --gt-text-muted: #b0a0d0; --gt-orange: #F36F21; --gt-green: #1a9c5b; --gt-green-dim: rgba(26,156,91,0.12); --gt-red: #d63030; --gt-yellow: #c88800; --gt-blue: #2264cc; --gt-purple: #7c40e0; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(110,70,210,0.05); --gt-surface2: rgba(110,70,210,0.09); --gt-kpi-bg: rgba(110,70,210,0.07); --gt-input-bg: rgba(110,70,210,0.05); --gt-scrollbar: rgba(110,70,210,0.22); --gt-wf-head: linear-gradient(135deg, #ddd6f9 0%, #7c40e0 100%); --gt-overlay: rgba(245,242,255,0.96); color-scheme: light; } /* ── DARK NAVY (tema originala) ── */ [data-theme="dark"] { --gt-bg: #080320; --gt-bg2: #0d0535; --gt-bg3: #12063e; --gt-bg-card: #0d0535; --gt-border: #1a0f50; --gt-border2: #25146a; --gt-text: #c8c0e8; --gt-text-dim: #5a4a90; --gt-text-muted: #3a2a70; --gt-orange: #F36F21; --gt-green: #00d084; --gt-green-dim: rgba(0,208,132,0.12); --gt-red: #ff4f4f; --gt-yellow: #ffc107; --gt-blue: #5bc4ff; --gt-purple: #9b7efd; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(255,255,255,0.03); --gt-surface2: rgba(255,255,255,0.07); --gt-kpi-bg: rgba(0,0,0,0.30); --gt-input-bg: rgba(255,255,255,0.05); --gt-scrollbar: rgba(255,255,255,0.12); --gt-wf-head: linear-gradient(135deg, #12063e 0%, #2a107e 100%); --gt-overlay: rgba(8,3,32,0.96); color-scheme: dark; } /* ── CLEAN SLATE — alb + indigo ── */ [data-theme="clean-slate"] { --gt-bg: #f7f8fc; --gt-bg2: #eef0f8; --gt-bg3: #e0e4f3; --gt-bg-card: #ffffff; --gt-border: rgba(50,70,180,0.11); --gt-border2: rgba(50,70,180,0.22); --gt-text: #0d1240; --gt-text-dim: #4050a0; --gt-text-muted: #9aa0c8; --gt-orange: #F36F21; --gt-green: #1a9050; --gt-green-dim: rgba(26,144,80,0.12); --gt-red: #d03030; --gt-yellow: #c08000; --gt-blue: #1a50d0; --gt-purple: #6040c0; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(50,70,180,0.04); --gt-surface2: rgba(50,70,180,0.08); --gt-kpi-bg: rgba(50,70,180,0.06); --gt-input-bg: rgba(50,70,180,0.04); --gt-scrollbar: rgba(50,70,180,0.20); --gt-wf-head: linear-gradient(135deg, #e0e4f3 0%, #6040c0 100%); --gt-overlay: rgba(247,248,252,0.96); color-scheme: light; } /* ── WARM SAND — crem + teracota ── */ [data-theme="warm-sand"] { --gt-bg: #faf6ef; --gt-bg2: #f3ece0; --gt-bg3: #e8dece; --gt-bg-card: #ffffff; --gt-border: rgba(160,80,30,0.12); --gt-border2: rgba(160,80,30,0.24); --gt-text: #3d2010; --gt-text-dim: #8b4e28; --gt-text-muted: #c09070; --gt-orange: #d45a1a; --gt-green: #3d7040; --gt-green-dim: rgba(61,112,64,0.12); --gt-red: #c03020; --gt-yellow: #b07010; --gt-blue: #1e5880; --gt-purple: #7040a0; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(160,80,30,0.04); --gt-surface2: rgba(160,80,30,0.08); --gt-kpi-bg: rgba(160,80,30,0.06); --gt-input-bg: rgba(160,80,30,0.04); --gt-scrollbar: rgba(160,80,30,0.20); --gt-wf-head: linear-gradient(135deg, #e8dece 0%, #7040a0 100%); --gt-overlay: rgba(250,246,239,0.96); color-scheme: light; } /* ── MINT FRESH — alb + teal/verde ── */ [data-theme="mint-fresh"] { --gt-bg: #f0faf6; --gt-bg2: #e0f4ec; --gt-bg3: #c6eadc; --gt-bg-card: #ffffff; --gt-border: rgba(0,120,80,0.12); --gt-border2: rgba(0,120,80,0.24); --gt-text: #0a3020; --gt-text-dim: #1a6848; --gt-text-muted: #70a888; --gt-orange: #e06020; --gt-green: #1a9060; --gt-green-dim: rgba(26,144,96,0.12); --gt-red: #c03030; --gt-yellow: #b08020; --gt-blue: #1060a0; --gt-purple: #6040b0; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(0,120,80,0.04); --gt-surface2: rgba(0,120,80,0.08); --gt-kpi-bg: rgba(0,120,80,0.07); --gt-input-bg: rgba(0,120,80,0.04); --gt-scrollbar: rgba(0,120,80,0.22); --gt-wf-head: linear-gradient(135deg, #c6eadc 0%, #1a9060 100%); --gt-overlay: rgba(240,250,246,0.96); color-scheme: light; } /* ── CORAL PRO — alb + navy/coral ── */ [data-theme="coral-pro"] { --gt-bg: #f8f9fc; --gt-bg2: #edf0f8; --gt-bg3: #dde2f0; --gt-bg-card: #ffffff; --gt-border: rgba(20,40,110,0.10); --gt-border2: rgba(20,40,110,0.20); --gt-text: #0c1840; --gt-text-dim: #2a4890; --gt-text-muted: #8090c0; --gt-orange: #e04838; --gt-green: #1a8c50; --gt-green-dim: rgba(26,140,80,0.12); --gt-red: #d03030; --gt-yellow: #c07800; --gt-blue: #1a4898; --gt-purple: #5840b0; --gt-mono: 'Cascadia Code','Fira Code','Consolas','Courier New',monospace; --gt-surface: rgba(20,40,110,0.04); --gt-surface2: rgba(20,40,110,0.08); --gt-kpi-bg: rgba(20,40,110,0.06); --gt-input-bg: rgba(20,40,110,0.04); --gt-scrollbar: rgba(20,40,110,0.20); --gt-wf-head: linear-gradient(135deg, #dde2f0 0%, #5840b0 100%); --gt-overlay: rgba(248,249,252,0.96); color-scheme: light; }