/*
 * Theme "light" – colour tokens only (layout and components use them in erecepcija.css).
 * Light grey page, white cards, dark navy sidebar, cyan accent – matches the CRM light look.
 */
:root[data-theme="light"] {
    --er-bg: #f3f5f8;
    --er-bg-rgb: 243, 245, 248;
    --er-header-bg: #ffffff;
    --er-surface: #ffffff;
    --er-surface-2: #eef1f5;
    --er-input-bg: #ffffff;
    --er-border: #dfe4eb;

    --er-text: #18202c;
    --er-text-rgb: 24, 32, 44;
    --er-text-strong: #0b111a;
    --er-muted: #5c6778;

    --er-accent: #22aee6;
    --er-accent-rgb: 34, 174, 230;
    --er-accent-hover: #4cc0ee;
    --er-on-accent: #06121d;

    /* darker than the accent: readable on white */
    --er-link: #0a78b4;
    --er-link-rgb: 10, 120, 180;
    --er-link-hover: #075d8c;
    --er-link-hover-rgb: 7, 93, 140;

    --er-danger: #d92d20;
    --er-danger-rgb: 217, 45, 32;
    --er-warning: #b45309;
    --er-warning-rgb: 180, 83, 9;
    --er-success: #15803d;
    --er-success-rgb: 21, 128, 61;

    --er-sidebar-bg: #0e1928;
    --er-sidebar-border: #0e1928;
    --er-sidebar-text: #b9c4d4;
    --er-sidebar-hover-bg: rgba(255, 255, 255, .06);
    --er-sidebar-active-bg: #1c2b41;

    --er-shadow: 0 1px 3px rgba(16, 24, 40, .08);
    --er-waves-opacity: .5;
}