/* colors.css - centrálna paleta (farby + priehľadnosti) pre celý panel.
   Nič iné než farby/opacity sem nepatrí - layout a rozmery sú v style.css. */
:root {
    /* pozadia */
    --bg-body: #0f1115;
    --bg-panel: #181b22;
    --bg-panel-hover: #20242e;
    --bg-input: #10131a;
    --bg-chart: #0b0d11;
    --bg-cam-card: #151515;
    --bg-device-badge: #111;
    --bg-cam-timeline: #111;

    /* orámovania */
    --border-default: #2a2f3a;
    --border-cam: #2a2a2a;
    --border-chart-axis: #3a3f4b;
    --border-grid: #20242e;

    /* text */
    --text-primary: #d8dee9;
    --text-secondary: #9aa4b2;
    --text-muted: #6b7280;
    --text-axis: #8b93a3;

    /* akcenty / tlačidlá */
    --color-primary: #3b6df0;
    --color-primary-hover: #2f57c4;
    --color-link: #7aa2ff;

    /* stavy */
    --color-error: #ff6b6b;
    --color-ok: #6bff9e;
    --color-warn: #f5c451;
    --color-off: #666666;
    --color-green: #4ade80;

    /* graf DOM - línie */
    --chart-ac: #4da3ff;
    --chart-pv: #ffd23f;
    --chart-soc: #4ade80;
    --chart-boiler: #ff6bcb;
    --chart-climate: #22c1c3;
    --chart-climate-cool: #38bdf8;
    --chart-climate-heat: #fb7185;

    /* spotreba - farebné prahy (dom_cons_color) */
    --cons-vlow: #3add20;
    --cons-low: #e8d020;
    --cons-mid: #ffaa00;
    --cons-high: #ff6000;
    --cons-vhigh: #ff2020;

    /* batéria - farebné prahy (dom_soc_color) */
    --soc-good: #4a9e2a;
    --soc-mid: #c87820;
    --soc-low: #a03030;

    /* zariadenia (bojler / studňa) */
    --boiler-on: #e0453a;
    --boiler-border: #7a2e28;
    --well-on: #2ea8d6;
    --well-border: #1e5f78;
    --device-off-border: #2a2a2a;
    --device-off-icon: #666666;

    /* priehľadnosti */
    --opacity-dim: .7;
    --opacity-badge-off: .6;
    --opacity-blink: .25;
    --opacity-fade-out: 0;

    /* RRD editor modul (Moje aplikácie) */
    --rrd-bg2: #0e1220;
    --rrd-bg3: #141929;
    --rrd-border: #1e2d4a;
    --rrd-accent: #00d4ff;
    --rrd-green: #00e676;
    --rrd-yellow: #ffd600;
    --rrd-red: #ff1744;

    /* FiberSplice modul (Moje aplikácie) */
    --fiber-orange: #ff6b35;

    /* HellRide modul (Moje aplikácie) */
    --hellride-accent: #d4f000;
    --hellride-brand-red: #cc1100;

    /* Studujes modul (Moje aplikácie) */
    --studujes-accent: #36b0b6;
}