/* Pixault Brand System — Radzen theme overrides + CSS custom properties */
:root {
    --px-navy: #0f172a;
    --px-navy-light: #1e293b;
    --px-cyan: #06b6d4;
    --px-blue: #3b82f6;
    --px-cyan-glow: #22d3ee;
    --px-slate: #64748b;
    --px-bg: #f8fafc;
    --px-white: #ffffff;
    --px-gradient: linear-gradient(135deg, #0f172a 0%, #0c4a6e 50%, #06b6d4 100%);

    /* Radzen theme variable overrides */
    --rz-primary: #06b6d4;
    --rz-primary-light: #22d3ee;
    --rz-primary-lighter: #67e8f9;
    --rz-primary-dark: #0891b2;
    --rz-primary-darker: #0e7490;
    --rz-secondary: #3b82f6;
    --rz-info: #3b82f6;
    --rz-base-background-color: #f8fafc;
    --rz-body-background-color: #f8fafc;
}

/* Override Radzen sidebar colors for dark theme */
.rz-sidebar {
    background: var(--px-navy) !important;
    color: #94a3b8 !important;
}

.rz-navigation-item-link:hover {
    background: var(--px-navy-light) !important;
}

.rz-navigation-item-link.active {
    background: color-mix(in srgb, var(--px-cyan) 18%, transparent) !important;
    color: #a5b4fc !important;
}