/* ═══════════════════════════════════════════════════════════════════════════ Dark Theme — override tokens for dark mode Apply by setting data-theme="dark" on ═══════════════════════════════════════════════════════════════════════════ */ [data-theme="dark"] { --primary: #60a5fa; --primary-hover: #93c5fd; --primary-light: #1e3a5f; --accent: #f87171; --bg-app: #111827; --bg-card: #1f2937; --bg-input: #1f2937; --bg-input-disabled: #374151; /* ── Table ──────────────────────────────────────────────────────────────── */ --table-header-bg: #111827; --table-header-text: #f1f5f9; --table-row-bg: #1f2937; --table-row-alt-bg: #1a2535; --table-row-hover: #263449; --table-cell-text: #cbd5e1; --table-border: #374151; --sidebar-bg: #0d1b2e; --sidebar-text: #9ca3af; --sidebar-text-active: #f9fafb; --sidebar-item-hover: rgba(255,255,255,0.06); --sidebar-item-active: rgba(255,255,255,0.12); --sidebar-border: rgba(255,255,255,0.04); --topbar-bg: #1f2937; --topbar-border: #374151; --topbar-text: #f9fafb; --topbar-height: 50px; --text-primary: #f9fafb; --text-secondary: #e5e7eb; --text-muted: #9ca3af; --text-disabled: #6b7280; --text-label: #d1d5db; --text-error: #f87171; --border: #374151; --border-focus: #60a5fa; --border-error: #f87171; --shadow-xs: 0 1px 2px rgba(0,0,0,0.3); --shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3); --shadow-md: 0 4px 6px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3); --success: #34d399; --warning: #fbbf24; --error: #f87171; --info: #60a5fa; --form-actions-bg: #1f2937; --form-actions-border: #374151; --separator-color: #f87171; --btn-primary-bg: var(--primary); --btn-primary-text: #111827; --btn-primary-hover: var(--primary-hover); --btn-secondary-bg: #374151; --btn-secondary-text: var(--text-secondary); --btn-secondary-border: #4b5563; --btn-secondary-hover: #4b5563; --btn-danger-bg: #ef4444; --btn-danger-text: #ffffff; }