:root {
    
    --primary-color:         #0ea5e9;   
    --primary-hover:         #0284c7;   
    --primary-active:        #0369a1;   

    --accent-color:          #10b981;   
    --accent-hover:          #059669;   

    --login-gradient:        linear-gradient(135deg, #38bdf8 0%, #06b6d4 100%);
    --login-gradient-dark:   linear-gradient(135deg, #0c4a6e 0%, #134e4a 100%);
}

[data-theme="dark"] {
    --primary-color:         #38bdf8;   
    --primary-hover:         #7dd3fc;
    --accent-color:          #34d399;   
    --accent-hover:          #6ee7b7;
}

.airlume-sparkline polyline { stroke: var(--primary-color); }
.airlume-sparkline .airlume-sparkline-fill {
    fill: color-mix(in srgb, var(--primary-color) 15%, transparent);
}

[data-theme="dark"] .login-logo {
    filter: hue-rotate(2deg) saturate(1.2) brightness(1.1);
}

body.platform-airlume .sidebar-brand img.sidebar-logo {
    
    filter: hue-rotate(-20deg) saturate(1.1);
}