/* ============================================================
   EcoKing - Theme Variables (Dark / Light / Auto)
   ============================================================ */

/* Light theme (default) */
:root {
    --bg-primary:    #f0f4f8;
    --bg-secondary:  #e2e8f0;
    --bg-card:       #ffffff;
    --bg-card-hover: #f8fafc;
    --bg-input:      #f8fafc;
    --bg-header:     #ffffff;
    --bg-nav:        #ffffff;

    --text-primary:   #1a202c;
    --text-secondary: #4a5568;
    --text-muted:     #718096;
    --text-inverse:   #ffffff;

    --border:         #e2e8f0;
    --border-focus:   #4ade80;

    --accent:         #16a34a;   /* Solar green */
    --accent-light:   #4ade80;
    --accent-bg:      #f0fdf4;
    --accent-warm:    #d97706;   /* Solar orange */
    --accent-warm-bg: #fffbeb;

    --danger:         #dc2626;
    --danger-bg:      #fef2f2;
    --warning:        #d97706;
    --warning-bg:     #fffbeb;
    --info:           #2563eb;
    --info-bg:        #eff6ff;

    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md:  0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-lg:  0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);

    --radius-sm:  6px;
    --radius-md:  10px;
    --radius-lg:  16px;
    --radius-xl:  24px;

    --transition: 0.2s ease;

    /* Status colors */
    --status-producing: #16a34a;
    --status-idle:      #64748b;
    --status-offline:   #dc2626;
    --status-unknown:   #94a3b8;

    /* Chart colors */
    --chart-primary:   rgba(22, 163, 74, 1);
    --chart-primary-bg: rgba(22, 163, 74, 0.15);
    --chart-secondary: rgba(217, 119, 6, 1);
    --chart-grid:      rgba(0, 0, 0, 0.06);
    --chart-text:      #718096;
}

/* Dark theme */
[data-theme="dark"] {
    --bg-primary:    #0f172a;
    --bg-secondary:  #1e293b;
    --bg-card:       #1e293b;
    --bg-card-hover: #263348;
    --bg-input:      #0f172a;
    --bg-header:     #1e293b;
    --bg-nav:        #1e293b;

    --text-primary:   #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted:     #94a3b8;
    --text-inverse:   #0f172a;

    --border:         #334155;
    --border-focus:   #4ade80;

    --accent:         #4ade80;
    --accent-light:   #86efac;
    --accent-bg:      rgba(74, 222, 128, 0.1);
    --accent-warm:    #fbbf24;
    --accent-warm-bg: rgba(251, 191, 36, 0.1);

    --danger:         #f87171;
    --danger-bg:      rgba(248, 113, 113, 0.1);
    --warning:        #fbbf24;
    --warning-bg:     rgba(251, 191, 36, 0.1);
    --info:           #60a5fa;
    --info-bg:        rgba(96, 165, 250, 0.1);

    --shadow-sm:  0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
    --shadow-md:  0 4px 6px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.2);
    --shadow-lg:  0 10px 15px rgba(0,0,0,0.3), 0 4px 6px rgba(0,0,0,0.2);

    /* Status colors */
    --status-producing: #4ade80;
    --status-idle:      #94a3b8;
    --status-offline:   #f87171;
    --status-unknown:   #64748b;

    /* Chart colors */
    --chart-primary:    rgba(74, 222, 128, 1);
    --chart-primary-bg: rgba(74, 222, 128, 0.15);
    --chart-secondary:  rgba(251, 191, 36, 1);
    --chart-grid:       rgba(255, 255, 255, 0.06);
    --chart-text:       #94a3b8;
}