/* ============================================================
   COLOR SYSTEM — eComWareHouseManager
   ============================================================ */

:root {
    /* ── Primary Brand ─────────────────────────────────────── */
    --color-primary:        #2563EB;   /* Main Brand Blue       */
    --color-primary-dark:   #0F172A;   /* Dark Navy             */
    --color-primary-accent: #60A5FA;   /* Soft Blue Accent      */

    /* ── Neutrals ───────────────────────────────────────────── */
    --color-bg:             #F8FAFC;   /* Page Background       */
    --color-surface:        #FFFFFF;   /* Card / Surface        */
    --color-border:         #E2E8F0;   /* Borders / Dividers    */
    --color-text-secondary: #64748B;   /* Secondary Text        */
    --color-text-main:      #0F172A;   /* Main Text             */

    /* ── Semantic ───────────────────────────────────────────── */
    --color-success:        #22C55E;
    --color-warning:        #F59E0B;
    --color-danger:         #EF4444;
    --color-info:           #3B82F6;

    /* ── Derived / Utility ──────────────────────────────────── */
    --color-primary-hover:  #1D4ED8;   /* Darkened Primary for hover */
    --color-primary-light:  #EFF6FF;   /* Light tint for active bg   */
    --color-sidebar-bg:     var(--color-primary-dark);
    --color-sidebar-text:   #CBD5E1;
    --color-sidebar-active: var(--color-primary);

    /* ── Map to Radzen CSS Variables ────────────────────────── */
    --rz-primary:           var(--color-primary);
    --rz-primary-light:     #60A5FA;
    --rz-primary-lighter:   #BFDBFE;
    --rz-primary-dark:      #1D4ED8;
    --rz-primary-darker:    #1E40AF;
    --rz-on-primary:        #ffffff;
    --rz-on-primary-light:  #0F172A;
    --rz-on-primary-lighter:#0F172A;
    --rz-on-primary-dark:   #ffffff;
    --rz-on-primary-darker: #ffffff;

    --rz-success:           var(--color-success);
    --rz-success-light:     #86EFAC;
    --rz-success-lighter:   #DCFCE7;
    --rz-success-dark:      #16A34A;
    --rz-success-darker:    #15803D;
    --rz-on-success:        #ffffff;
    --rz-on-success-light:  #14532D;
    --rz-on-success-lighter:#14532D;
    --rz-on-success-dark:   #ffffff;
    --rz-on-success-darker: #ffffff;

    --rz-warning:           var(--color-warning);
    --rz-warning-light:     #FCD34D;
    --rz-warning-lighter:   #FEF3C7;
    --rz-warning-dark:      #D97706;
    --rz-warning-darker:    #B45309;
    --rz-on-warning:        #ffffff;
    --rz-on-warning-light:  #78350F;
    --rz-on-warning-lighter:#78350F;
    --rz-on-warning-dark:   #ffffff;
    --rz-on-warning-darker: #ffffff;

    --rz-danger:            var(--color-danger);
    --rz-danger-light:      #FCA5A5;
    --rz-danger-lighter:    #FEE2E2;
    --rz-danger-dark:       #DC2626;
    --rz-danger-darker:     #B91C1C;
    --rz-on-danger:         #ffffff;
    --rz-on-danger-light:   #7F1D1D;
    --rz-on-danger-lighter: #7F1D1D;
    --rz-on-danger-dark:    #ffffff;
    --rz-on-danger-darker:  #ffffff;

    --rz-info:              var(--color-info);
    --rz-info-light:        #93C5FD;
    --rz-info-lighter:      #DBEAFE;
    --rz-info-dark:         #2563EB;
    --rz-info-darker:       #1D4ED8;
    --rz-on-info:           #ffffff;
    --rz-on-info-light:     #1E3A8A;
    --rz-on-info-lighter:   #1E3A8A;
    --rz-on-info-dark:      #ffffff;
    --rz-on-info-darker:    #ffffff;

    --rz-text-color:        var(--color-text-main);
    --rz-secondary-text-color: var(--color-text-secondary);
    --rz-body-background-color: var(--color-bg);
    --rz-card-background-color: var(--color-surface);
    --rz-border-color:      var(--color-border);
    --rz-base-background-color: var(--color-surface);
    --rz-grid-header-background: var(--color-primary-dark);
    --rz-link-color:        var(--color-primary);

    /* ── Radzen Sidebar ─────────────────────────────────────── */
    --rz-sidebar-background-color:          var(--color-primary-dark);
    --rz-sidebar-color:                     var(--color-sidebar-text);
    --rz-sidebar-border-inline-end:         1px solid rgba(255,255,255,0.07);
    --rz-sidebar-toggle-background-color:   var(--color-primary-dark);
    --rz-sidebar-toggle-color:              var(--color-sidebar-text);
    --rz-sidebar-toggle-hover-color:        #ffffff;
    --rz-sidebar-toggle-hover-background-color: rgba(255,255,255,0.1);

    /* ── Radzen Panel Menu ──────────────────────────────────── */
    --rz-panel-menu-item-background-color:        transparent;
    --rz-panel-menu-item-color:                   var(--color-sidebar-text);
    --rz-panel-menu-item-hover-background-color:  rgba(255,255,255,0.08);
    --rz-panel-menu-item-hover-color:             #ffffff;
    --rz-panel-menu-item-active-background-color: var(--color-primary);
    --rz-panel-menu-item-active-color:            #ffffff;
    --rz-panel-menu-item-active-indicator:        none;
    --rz-panel-menu-item-border:                  none;
}