/* * GMLM Platform — Default Theme (Deep Indigo) * This file is loaded by the ThemeManager for every request. * Override values are generated dynamically by ColorPaletteGenerator * and injected via the @brandColors Blade directive. * * Engineering Mode can ship additional themes in themes/core/{slug}/ * Client Mode can ship client themes in themes/clients/{slug}/ */ :root { /* ── Brand colours ───────────────────────────────────────── */ --brand-primary: #4F46E5; --brand-dark: #3730A3; --brand-light: #EEF2FF; --brand-50: #F5F3FF; --brand-100: #EDE9FE; --brand-500: #6366F1; --brand-600: #4F46E5; --brand-700: #4338CA; --brand-900: #312E81; /* ── Sidebar ─────────────────────────────────────────────── */ --sidebar-bg: #1E1B4B; --sidebar-border: rgba(255, 255, 255, 0.06); --sidebar-active: #4F46E5; --sidebar-active-bg: rgba(79, 70, 229, 0.15); --sidebar-text: #CBD5E1; --sidebar-text-muted: #64748B; --sidebar-active-text: #FFFFFF; --sidebar-hover-bg: rgba(255, 255, 255, 0.05); /* ── Income type badge colours ───────────────────────────── */ --income-dr: #10B981; /* Direct Referral */ --income-binary: #F59E0B; /* Binary Matching */ --income-level: #3B82F6; /* Level Income */ --income-rank: #8B5CF6; /* Rank Bonus */ --income-target: #EF4444; /* Target Income */ --income-repurchase: #06B6D4; /* Repurchase */ --income-custom: #64748B; /* Custom */ /* ── Semantic colours ────────────────────────────────────── */ --color-success: #10B981; --color-warning: #F59E0B; --color-danger: #EF4444; --color-info: #3B82F6; /* ── Surface / Background ────────────────────────────────── */ --surface-bg: #F8FAFC; --surface-card: #FFFFFF; --surface-border: #E2E8F0; --surface-hover: #F1F5F9; /* ── Dark mode surfaces (activated via .dark class on ) */ --dark-bg: #0F0E17; --dark-surface: #1A1825; --dark-border: rgba(255, 255, 255, 0.08); --dark-text: #F1F0F9; --dark-muted: #9B99B3; /* ── Typography ──────────────────────────────────────────── */ --font-sans: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; --font-size-base: 14px; --font-size-sm: 12px; --font-size-lg: 16px; /* ── Spacing ─────────────────────────────────────────────── */ --sidebar-width: 256px; --sidebar-collapsed: 72px; --header-height: 64px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; /* ── Shadows ─────────────────────────────────────────────── */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }