/* A0T Dashboard — Theme System * Dark default. Light theme via [data-theme="light"] on */ :root, [data-theme="dark"] { --bg: #0a0e1a; --bg-surface: rgba(255, 255, 255, 0.04); --bg-card: rgba(255, 255, 255, 0.04); --bg-hover: rgba(255, 255, 255, 0.08); --border: rgba(255, 255, 255, 0.08); --border-card: rgba(255, 255, 255, 0.10); --text: #e2e8f0; --text-muted: #64748b; --text-dim: #475569; --primary: #3b82f6; --accent: #06b6d4; --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --green: #10b981; --yellow: #f59e0b; --red: #ef4444; --blue: #3b82f6; --cyan: #06b6d4; --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Cascadia Code', monospace; --radius: 8px; --radius-sm: 4px; --shadow: 0 1px 3px rgba(0, 0, 0, 0.3); --blur: 12px; --pulse-bar-bg: rgba(255, 255, 255, 0.03); --nav-bg: rgba(255, 255, 255, 0.02); } [data-theme="light"] { --bg: #f8fafc; --bg-surface: rgba(0, 0, 0, 0.02); --bg-card: #ffffff; --bg-hover: rgba(0, 0, 0, 0.04); --border: rgba(0, 0, 0, 0.08); --border-card: rgba(0, 0, 0, 0.12); --text: #1e293b; --text-muted: #64748b; --text-dim: #94a3b8; --shadow: 0 1px 3px rgba(0, 0, 0, 0.08); --pulse-bar-bg: rgba(0, 0, 0, 0.03); --nav-bg: rgba(0, 0, 0, 0.02); }