/**
 * 🎨 DARK THEME DESIGN SYSTEM TOKENS
 * File: public/css/dark-theme.css
 */

html.dark {
    --theme-bg-main: #0f172a;
    --theme-bg-footer: #020617; /* Darker than main body for distinct footer/header in dark mode */
    --theme-bg-surface: #1e293b;
    --theme-bg-card: rgba(30, 41, 59, 0.8);
    --theme-border: #334155;
    --theme-border-subtle: #1e293b;
    --theme-text-main: #f8fafc;
    --theme-text-muted: #94a3b8;
    --theme-text-subtle: #64748b;
    --theme-bg-elevated: #111b30;
    --theme-bg-muted: #0b1324;
    --theme-primary: #818cf8;
    --theme-primary-hover: #6366f1;
    --theme-on-primary: #ffffff;
    --theme-danger: #fb7185;
    --theme-danger-hover: #f43f5e;
    --theme-on-danger: #ffffff;
    --theme-focus-ring: rgba(129, 140, 248, 0.24);
    --theme-shadow-soft: 0 20px 50px rgba(0, 0, 0, 0.24);
    --theme-shadow-float: 0 28px 70px rgba(0, 0, 0, 0.42);
    --theme-overlay: rgba(2, 6, 23, 0.72);
    --theme-success-soft: rgba(52, 211, 153, 0.1);
    --theme-danger-soft: rgba(251, 113, 133, 0.1);
    --theme-info-soft: rgba(56, 189, 248, 0.1);
    --client-hero-rgb: 2, 6, 23;
    --client-hero-surface-rgb: 15, 23, 42;
    --client-header-bg: rgba(2, 6, 23, 0.94);
    --client-hero-bg: #020617;
    --client-hero-text: rgb(var(--client-white-rgb));
    --client-hero-muted: rgba(var(--client-white-rgb), 0.7);
    --client-glass: rgba(var(--client-white-rgb), 0.08);
    --client-glass-strong: rgba(var(--client-white-rgb), 0.13);
    --client-glass-border: rgba(var(--client-white-rgb), 0.14);
    --client-brand: rgb(var(--client-brand-rgb));
    --client-brand-soft: rgba(var(--client-brand-rgb), 0.16);
    --client-brand-border: rgba(var(--client-brand-rgb), 0.38);
    --client-brand-deep: rgb(var(--client-brand-deep-rgb));
    --client-accent: rgb(var(--client-accent-rgb));
    --client-success: rgb(var(--client-success-rgb));
    --client-success-soft: rgba(var(--client-success-rgb), 0.15);
    --client-success-border: rgba(var(--client-success-rgb), 0.36);
    --client-hero-glow: rgba(var(--client-brand-rgb), 0.27);
    --client-depth-shadow: rgba(var(--client-hero-rgb), 0.58);
    --client-danger: rgb(var(--color-danger-rgb));
    --client-danger-soft: rgba(var(--color-danger-rgb), 0.12);
    --client-danger-border: rgba(var(--color-danger-rgb), 0.3);
    --client-warning: rgb(var(--color-warning-rgb));
    --client-warning-soft: rgba(var(--color-warning-rgb), 0.14);
    --client-luxury-bg: rgb(var(--client-hero-rgb));
    --client-luxury-text: var(--client-hero-text);
    --client-luxury-panel: rgba(var(--client-hero-surface-rgb), 0.72);
    --client-luxury-panel-strong: rgba(var(--client-hero-surface-rgb), 0.92);
    --client-luxury-line: rgba(var(--client-white-rgb), 0.11);
    --client-luxury-muted: rgba(var(--client-white-rgb), 0.58);
    --client-luxury-shine: rgba(var(--client-white-rgb), 0.22);

    /* Category Dark Card Backgrounds & Borders */
    --card-imei-bg: rgba(15, 23, 42, 0.8);
    --card-imei-border: rgba(16, 185, 129, 0.2);
    --card-imei-icon-bg: rgba(16, 185, 129, 0.1);
    --card-imei-icon-text: #34d399;

    --card-server-bg: rgba(15, 23, 42, 0.8);
    --card-server-border: rgba(244, 63, 94, 0.2);
    --card-server-icon-bg: rgba(244, 63, 94, 0.1);
    --card-server-icon-text: #fb7185;

    --card-remote-bg: rgba(15, 23, 42, 0.8);
    --card-remote-border: rgba(14, 165, 233, 0.2);
    --card-remote-icon-bg: rgba(14, 165, 233, 0.1);
    --card-remote-icon-text: #38bdf8;

    --card-shop-bg: rgba(15, 23, 42, 0.8);
    --card-shop-border: rgba(245, 158, 11, 0.2);
    --card-shop-icon-bg: rgba(245, 158, 11, 0.1);
    --card-shop-icon-text: #fbbf24;

    /* Chart Grid & Axis Colors */
    --chart-grid-border: #334155;
    --chart-label-color: #94a3b8;
    --chart-color-imei: #20b2aa;
    --chart-color-server: #ff5353;
    --chart-color-remote: #00b4d8;
    --chart-color-shop: #f4a261;
}