/* ============================================================ CORPORATE TEMPLATE — PALETTE & THEME SYSTEM Each palette defines CSS custom properties. Light/Dark mode is handled via [data-bs-theme]. Active palette is set via [data-palette] on . ============================================================ */ /* --- 1. Corporate Classic: Navy, Slate, Gold --- */ [data-palette="corporate-classic"][data-bs-theme="light"] { --cp-primary: #1b2a4a; --cp-primary-rgb: 27, 42, 74; --cp-secondary: #64748b; --cp-secondary-rgb: 100, 116, 139; --cp-accent: #d4a017; --cp-accent-rgb: 212, 160, 23; --cp-success: #16a34a; --cp-danger: #dc2626; --cp-warning: #f59e0b; --cp-info: #0ea5e9; --cp-bg: #f8f9fa; --cp-bg-secondary: #ffffff; --cp-surface: #ffffff; --cp-text: #1e293b; --cp-text-secondary: #64748b; --cp-border: #dee2e6; --cp-sidebar-bg: #1b2a4a; --cp-sidebar-text: #cbd5e1; --cp-sidebar-active: #d4a017; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.08); --cp-navbar-bg: #ffffff; --cp-navbar-text: #1e293b; --cp-card-bg: #ffffff; --cp-card-shadow: rgba(0, 0, 0, 0.08); } [data-palette="corporate-classic"][data-bs-theme="dark"] { --cp-primary: #3b5998; --cp-primary-rgb: 59, 89, 152; --cp-secondary: #94a3b8; --cp-secondary-rgb: 148, 163, 184; --cp-accent: #f0c040; --cp-accent-rgb: 240, 192, 64; --cp-success: #22c55e; --cp-danger: #ef4444; --cp-warning: #fbbf24; --cp-info: #38bdf8; --cp-bg: #0f172a; --cp-bg-secondary: #1e293b; --cp-surface: #1e293b; --cp-text: #e2e8f0; --cp-text-secondary: #94a3b8; --cp-border: #334155; --cp-sidebar-bg: #0c1524; --cp-sidebar-text: #94a3b8; --cp-sidebar-active: #f0c040; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #1e293b; --cp-navbar-text: #e2e8f0; --cp-card-bg: #1e293b; --cp-card-shadow: rgba(0, 0, 0, 0.3); } /* --- 2. Modern Corporate: Indigo, Cool Gray, Teal --- */ [data-palette="modern-corporate"][data-bs-theme="light"] { --cp-primary: #4338ca; --cp-primary-rgb: 67, 56, 202; --cp-secondary: #6b7280; --cp-secondary-rgb: 107, 114, 128; --cp-accent: #0d9488; --cp-accent-rgb: 13, 148, 136; --cp-success: #059669; --cp-danger: #e11d48; --cp-warning: #f59e0b; --cp-info: #06b6d4; --cp-bg: #f9fafb; --cp-bg-secondary: #ffffff; --cp-surface: #ffffff; --cp-text: #111827; --cp-text-secondary: #6b7280; --cp-border: #e5e7eb; --cp-sidebar-bg: #312e81; --cp-sidebar-text: #c7d2fe; --cp-sidebar-active: #2dd4bf; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.08); --cp-navbar-bg: #ffffff; --cp-navbar-text: #111827; --cp-card-bg: #ffffff; --cp-card-shadow: rgba(0, 0, 0, 0.06); } [data-palette="modern-corporate"][data-bs-theme="dark"] { --cp-primary: #6366f1; --cp-primary-rgb: 99, 102, 241; --cp-secondary: #9ca3af; --cp-secondary-rgb: 156, 163, 175; --cp-accent: #2dd4bf; --cp-accent-rgb: 45, 212, 191; --cp-success: #34d399; --cp-danger: #fb7185; --cp-warning: #fbbf24; --cp-info: #22d3ee; --cp-bg: #111827; --cp-bg-secondary: #1f2937; --cp-surface: #1f2937; --cp-text: #f3f4f6; --cp-text-secondary: #9ca3af; --cp-border: #374151; --cp-sidebar-bg: #0f0e2a; --cp-sidebar-text: #a5b4fc; --cp-sidebar-active: #2dd4bf; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #1f2937; --cp-navbar-text: #f3f4f6; --cp-card-bg: #1f2937; --cp-card-shadow: rgba(0, 0, 0, 0.3); } /* --- 3. Minimalist Mono: Near-Black, Grays, Electric Blue --- */ [data-palette="minimalist-mono"][data-bs-theme="light"] { --cp-primary: #18181b; --cp-primary-rgb: 24, 24, 27; --cp-secondary: #71717a; --cp-secondary-rgb: 113, 113, 122; --cp-accent: #2563eb; --cp-accent-rgb: 37, 99, 235; --cp-success: #16a34a; --cp-danger: #dc2626; --cp-warning: #ea580c; --cp-info: #2563eb; --cp-bg: #fafafa; --cp-bg-secondary: #ffffff; --cp-surface: #ffffff; --cp-text: #18181b; --cp-text-secondary: #71717a; --cp-border: #e4e4e7; --cp-sidebar-bg: #18181b; --cp-sidebar-text: #a1a1aa; --cp-sidebar-active: #2563eb; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #ffffff; --cp-navbar-text: #18181b; --cp-card-bg: #ffffff; --cp-card-shadow: rgba(0, 0, 0, 0.05); } [data-palette="minimalist-mono"][data-bs-theme="dark"] { --cp-primary: #e4e4e7; --cp-primary-rgb: 228, 228, 231; --cp-secondary: #a1a1aa; --cp-secondary-rgb: 161, 161, 170; --cp-accent: #3b82f6; --cp-accent-rgb: 59, 130, 246; --cp-success: #22c55e; --cp-danger: #ef4444; --cp-warning: #f97316; --cp-info: #3b82f6; --cp-bg: #09090b; --cp-bg-secondary: #18181b; --cp-surface: #18181b; --cp-text: #fafafa; --cp-text-secondary: #a1a1aa; --cp-border: #27272a; --cp-sidebar-bg: #09090b; --cp-sidebar-text: #a1a1aa; --cp-sidebar-active: #3b82f6; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #18181b; --cp-navbar-text: #fafafa; --cp-card-bg: #18181b; --cp-card-shadow: rgba(0, 0, 0, 0.4); } /* --- 4. Earth Professional: Charcoal, Warm Gray, Terracotta --- */ [data-palette="earth-professional"][data-bs-theme="light"] { --cp-primary: #292524; --cp-primary-rgb: 41, 37, 36; --cp-secondary: #78716c; --cp-secondary-rgb: 120, 113, 108; --cp-accent: #c2410c; --cp-accent-rgb: 194, 65, 12; --cp-success: #15803d; --cp-danger: #b91c1c; --cp-warning: #d97706; --cp-info: #0369a1; --cp-bg: #fafaf9; --cp-bg-secondary: #ffffff; --cp-surface: #ffffff; --cp-text: #1c1917; --cp-text-secondary: #78716c; --cp-border: #e7e5e4; --cp-sidebar-bg: #292524; --cp-sidebar-text: #d6d3d1; --cp-sidebar-active: #ea580c; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #ffffff; --cp-navbar-text: #1c1917; --cp-card-bg: #ffffff; --cp-card-shadow: rgba(0, 0, 0, 0.06); } [data-palette="earth-professional"][data-bs-theme="dark"] { --cp-primary: #e7e5e4; --cp-primary-rgb: 231, 229, 228; --cp-secondary: #a8a29e; --cp-secondary-rgb: 168, 162, 158; --cp-accent: #f97316; --cp-accent-rgb: 249, 115, 22; --cp-success: #22c55e; --cp-danger: #ef4444; --cp-warning: #fbbf24; --cp-info: #38bdf8; --cp-bg: #1c1917; --cp-bg-secondary: #292524; --cp-surface: #292524; --cp-text: #fafaf9; --cp-text-secondary: #a8a29e; --cp-border: #44403c; --cp-sidebar-bg: #0c0a09; --cp-sidebar-text: #a8a29e; --cp-sidebar-active: #f97316; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #292524; --cp-navbar-text: #fafaf9; --cp-card-bg: #292524; --cp-card-shadow: rgba(0, 0, 0, 0.4); } /* --- 5. Clinical Trust: White, Navy/Teal, Calming Blue --- */ [data-palette="clinical-trust"][data-bs-theme="light"] { --cp-primary: #0f4c75; --cp-primary-rgb: 15, 76, 117; --cp-secondary: #64748b; --cp-secondary-rgb: 100, 116, 139; --cp-accent: #0891b2; --cp-accent-rgb: 8, 145, 178; --cp-success: #059669; --cp-danger: #be3a3a; --cp-warning: #d97706; --cp-info: #0284c7; --cp-bg: #f0f4f8; --cp-bg-secondary: #ffffff; --cp-surface: #ffffff; --cp-text: #1e293b; --cp-text-secondary: #64748b; --cp-border: #cbd5e1; --cp-sidebar-bg: #0f4c75; --cp-sidebar-text: #bae6fd; --cp-sidebar-active: #22d3ee; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.1); --cp-navbar-bg: #ffffff; --cp-navbar-text: #1e293b; --cp-card-bg: #ffffff; --cp-card-shadow: rgba(0, 0, 0, 0.06); } [data-palette="clinical-trust"][data-bs-theme="dark"] { --cp-primary: #38bdf8; --cp-primary-rgb: 56, 189, 248; --cp-secondary: #94a3b8; --cp-secondary-rgb: 148, 163, 184; --cp-accent: #22d3ee; --cp-accent-rgb: 34, 211, 238; --cp-success: #34d399; --cp-danger: #f87171; --cp-warning: #fbbf24; --cp-info: #38bdf8; --cp-bg: #0c1929; --cp-bg-secondary: #152238; --cp-surface: #152238; --cp-text: #e2e8f0; --cp-text-secondary: #94a3b8; --cp-border: #1e3a5f; --cp-sidebar-bg: #081525; --cp-sidebar-text: #7dd3fc; --cp-sidebar-active: #22d3ee; --cp-sidebar-hover-bg: rgba(255, 255, 255, 0.06); --cp-navbar-bg: #152238; --cp-navbar-text: #e2e8f0; --cp-card-bg: #152238; --cp-card-shadow: rgba(0, 0, 0, 0.4); }