:root {
    /* BASE / NEUTRALS */
    --rz-white: #ffffff;
    --rz-black: #000000;

    --rz-base-50: #fafafa;
    --rz-base-100: #f4f5f7;
    --rz-base-200: #e9ecef;
    --rz-base-300: #dee2e6;
    --rz-base-400: #ced4da;
    --rz-base-500: #adb5bd;
    --rz-base-600: #6c757d;
    --rz-base-700: #495057;
    --rz-base-800: #343a40;
    --rz-base-900: #212529;

    --rz-base: var(--rz-base-300);
    --rz-base-light: var(--rz-base-200);
    --rz-base-lighter: var(--rz-base-100);
    --rz-base-dark: var(--rz-base-700);
    --rz-base-darker: var(--rz-base-900);

    /* PRIMARY — trustworthy professional blue */
    --rz-primary: #1e40af;
    --rz-primary-light: #3b82f6;
    --rz-primary-lighter: rgba(30, 64, 175, 0.12);
    --rz-primary-dark: #1e3a8a;
    --rz-primary-darker: #1e3a8a;

    /* SECONDARY — clean slate-gray */
    --rz-secondary: #475569;
    --rz-secondary-light: #64748b;
    --rz-secondary-lighter: rgba(71, 85, 105, 0.12);
    --rz-secondary-dark: #334155;
    --rz-secondary-darker: #1e293b;

    /* LINKS — clear, accessible blue */
    --rz-link: #2563eb;
    --rz-link-hover: #1d4ed8;
    --rz-link-visited: #2563eb;

    /* INFO — clean cyan-blue */
    --rz-info: #0284c7;
    --rz-info-light: #0ea5e9;
    --rz-info-lighter: rgba(2, 132, 199, 0.12);
    --rz-info-dark: #0369a1;
    --rz-info-darker: #075985;

    /* SUCCESS — professional green */
    --rz-success: #059669;
    --rz-success-light: #10b981;
    --rz-success-lighter: rgba(5, 150, 105, 0.12);
    --rz-success-dark: #047857;
    --rz-success-darker: #065f46;

    /* WARNING — professional amber */
    --rz-warning: #d97706;
    --rz-warning-light: #f59e0b;
    --rz-warning-lighter: rgba(217, 119, 6, 0.12);
    --rz-warning-dark: #b45309;
    --rz-warning-darker: #92400e;

    /* DANGER — clear, professional red */
    --rz-danger: #dc2626;
    --rz-danger-light: #ef4444;
    --rz-danger-lighter: rgba(220, 38, 38, 0.12);
    --rz-danger-dark: #b91c1c;
    --rz-danger-darker: #991b1b;

    /* TEXT COLORS */
    --rz-on-base: #212529;
    --rz-on-base-light: #212529;
    --rz-on-base-lighter: #212529;
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;

    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #1e40af;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;

    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #475569;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;

    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #0284c7;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;

    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #059669;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;

    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #212529;
    --rz-on-warning-lighter: #d97706;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;

    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #dc2626;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;

    --rz-sidebar-background-color: var(--rz-on-primary-dark);
    --rz-sidebar-color: var(--rz-on-primary-dark);
    --rz-sidebar-border-inline-end: var(--rz-on-primary-dark);
    
    --rz-panel-menu-icon-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-border: var(--rz-on-primary-dark);
    --rz-panel-menu-item-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-background-color: var(--rz-primary);
    --rz-panel-menu-item-hover-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-hover-background-color: var(--rz-primary-dark);
    --rz-panel-menu-item-active-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-active-background-color: var(--rz-primary-dark);

    --rz-panel-menu-item-2nd-level-color: var(--rz-on-primary);
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-primary);
    --rz-panel-menu-item-2nd-level-hover-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-primary-dark);
    --rz-panel-menu-item-2nd-level-active-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-dark);

    --rz-panel-menu-item-3rd-level-color: var(--rz-on-primary);
    --rz-panel-menu-item-3rd-level-background-color: var(--rz-primary);
    --rz-panel-menu-item-3rd-level-hover-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-3rd-level-hover-background-color: var(--rz-primary-dark);
    --rz-panel-menu-item-3rd-level-active-color: var(--rz-on-primary-dark);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-dark);

    .rz-panel-menu {
        --rz-base-300: var(--rz-primary-dark);
    }
}