/* ===================================================== SahiHisab Admin — Light Theme Override Scoped to [data-theme="light"] on Role-based: .role-superadmin (violet) / .role-admin (blue) ===================================================== */ /* ─── Light Theme Variables ─── */ [data-theme="light"] { /* Surfaces */ --bg-root: #f4f2ee; --bg-surface: #ffffff; --bg-elevated: #f9f8f6; --bg-card: #ffffff; --bg-hover: rgba(0,0,0,0.03); --bg-input: #ffffff; /* Text */ --text-primary: #18181b; --text-secondary: #52525b; --text-muted: #a1a1aa; --text-inverse: #ffffff; /* Alias — keeps var(--text) usages legible in light mode */ --text: #18181b; /* Core palette — indigo in light mode */ --primary: #6366f1; --primary-dim: #4f46e5; --primary-glow: rgba(99,102,241,0.1); --primary-ghost: rgba(99,102,241,0.04); /* Borders */ --border: rgba(0,0,0,0.06); --border-subtle: rgba(0,0,0,0.04); /* Shadows — light, crisp */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.06); --shadow-lg: 0 8px 24px rgba(0,0,0,0.08); --shadow-glow: none; /* Status */ --success: #059669; --danger: #e11d48; --warning: #d97706; --zone-red: #e11d48; --zone-orange: #d97706; --zone-green: #059669; --zone-blue: #0284c7; --gold: #d97706; --gold-glow: rgba(217,119,6,0.1); /* Sidebar — dark sidebar on light content */ --sidebar-bg: #1e1b4b; --sidebar-text: #c7d2fe; --sidebar-text-active: #ffffff; --sidebar-hover-bg: rgba(255,255,255,0.08); --sidebar-active-bg: rgba(255,255,255,0.12); --sidebar-width: 260px; /* Header */ --header-bg: #ffffff; } /* ─── Light + Superadmin ─── */ [data-theme="light"].role-superadmin { --primary: #6d28d9; --primary-dim: #5b21b6; --primary-glow: rgba(109,40,217,0.1); --primary-ghost: rgba(109,40,217,0.04); --gold: #6d28d9; --gold-glow: rgba(109,40,217,0.15); --sidebar-text-active: #a78bfa; --sidebar-active-bg: rgba(109,40,217,0.12); } /* ─── Light + Admin ─── */ [data-theme="light"].role-admin { --primary: #3b82f6; --primary-dim: #2563eb; --primary-glow: rgba(59,130,246,0.1); --primary-ghost: rgba(59,130,246,0.04); --sidebar-bg: #ffffff; --sidebar-text: #52525b; --sidebar-text-active: var(--primary); --sidebar-hover-bg: rgba(0,0,0,0.03); --sidebar-active-bg: rgba(59,130,246,0.06); } [data-theme="light"].role-admin .sidebar { border-right: 1px solid rgba(0,0,0,0.06); } /* ─── Light scrollbar ─── */ [data-theme="light"] ::-webkit-scrollbar-track { background: var(--bg-root); } [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.2); } /* ─── Light toast ─── */ [data-theme="light"] .toast { background: #18181b; color: white; } /* ─── Light form inputs ─── */ [data-theme="light"] .form-group input, [data-theme="light"] .form-group select, [data-theme="light"] .form-group textarea { background: #ffffff; border-color: rgba(0,0,0,0.1); } /* ─── Light table headers ─── */ [data-theme="light"] .data-table th { background: rgba(0,0,0,0.015); } [data-theme="light"] .data-table td { border-bottom-color: rgba(0,0,0,0.03); } /* ─── Light filter pills ─── */ [data-theme="light"] .global-date-range .range-pills { background: rgba(0,0,0,0.04); } /* ─── Light btn-sm ─── */ [data-theme="light"] .btn-sm { border-color: rgba(0,0,0,0.08); } /* ─── Monospace Numbers ─── */ .stat-value, .data-table .mono { font-family: var(--font-mono); letter-spacing: -0.02em; }