/* ============================================================
   GridPanel Theme: digiworldz
   DigiWorldz brand colours — Dark Blue, Light Blue, Yellow.
   Brand palette: #03435C (dark blue), #A4F1F6 (light blue),
                  #EFDD61 (yellow / gold).
   ============================================================ */

:root,
[data-bs-theme="light"] {
    --gp-bg:              #e8f4f6;          /* very light teal tint */
    --gp-bg-card:         #ffffff;
    --gp-bg-sidebar:      #03435C;          /* brand dark blue */
    --gp-bg-navbar:       #ffffff;
    --gp-accent:          #03435C;          /* brand dark blue */
    --gp-accent-hover:    #02334a;          /* darker shade */
    --gp-accent-rgb:      3, 67, 92;
    --gp-text:            #03435C;          /* brand dark blue for body text */
    --gp-text-muted:      #4a7a8a;
    --gp-border:          #b8dde5;
    --gp-sidebar-text:    #A4F1F6;          /* brand light blue */
    --gp-sidebar-muted:   #6bbfc6;
    --gp-sidebar-active-bg: rgba(164, 241, 246, 0.18);
    --gp-sidebar-active:  #A4F1F6;          /* brand light blue */
    --gp-bg-table-header: #daeef4;          /* table thead background */
    --gp-bg-table-alt:    #f0f8fc;          /* alternating row background */
    --gp-bg-card-hover:   #e6f5f9;          /* row hover background */
    --gp-success:         #0d9488;
    --gp-warning:         #EFDD61;          /* brand yellow */
    --gp-danger:          #dc2626;
    --gp-info:            #0284c7;
    --gp-shadow:          0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    --gp-shadow-md:       0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);
    --gp-radius:          0.5rem;
    --gp-transition:      0.2s ease;
    /* Sidebar icon accent palette — sidebar is always dark so same values in both modes */
    --gp-icon-dash:       #A4F1F6;
    --gp-icon-people:     #7dd3fc;
    --gp-icon-world:      #60a5fa;
    --gp-icon-estate:     #34d399;
    --gp-icon-event:      #f472b6;
    --gp-icon-finance:    #EFDD61;
    --gp-icon-server:     #22d3ee;
    --gp-icon-star:       #EFDD61;
    --gp-icon-support:    #fb923c;
    --gp-icon-tools:      #c084fc;
    --gp-icon-content:    #86efac;
    --gp-icon-logout:     #f87171;
}

[data-bs-theme="dark"] {
    --gp-bg:              #021820;          /* deep brand dark */
    --gp-bg-card:         #032433;          /* dark navy — distinct from sidebar */
    --gp-bg-sidebar:      #03435C;          /* brand dark blue sidebar */
    --gp-bg-navbar:       #03435C;          /* navbar matches sidebar */
    --gp-accent:          #A4F1F6;          /* brand light blue as accent */
    --gp-accent-hover:    #c8f7fa;
    --gp-accent-rgb:      164, 241, 246;
    --gp-text:            #d4eef5;
    --gp-text-muted:      #5a8a9a;
    --gp-border:          #0a3d52;
    --gp-sidebar-text:    #A4F1F6;          /* brand light blue */
    --gp-sidebar-muted:   #4a7a8a;
    --gp-sidebar-active-bg: rgba(164, 241, 246, 0.2);
    --gp-sidebar-active:  #A4F1F6;
    --gp-bg-table-header: #032433;          /* table thead background */
    --gp-bg-table-alt:    #031d29;          /* alternating row background */
    --gp-bg-card-hover:   #042d3e;          /* row hover background */
    --gp-success:         #2dd4bf;
    --gp-warning:         #EFDD61;          /* brand yellow */
    --gp-danger:          #f87171;
    --gp-info:            #38bdf8;
    --gp-shadow:          0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);
    --gp-shadow-md:       0 4px 6px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);
    --gp-radius:          0.5rem;
    --gp-transition:      0.2s ease;
    /* Sidebar icon accent palette */
    --gp-icon-dash:       #A4F1F6;
    --gp-icon-people:     #7dd3fc;
    --gp-icon-world:      #60a5fa;
    --gp-icon-estate:     #34d399;
    --gp-icon-event:      #f472b6;
    --gp-icon-finance:    #EFDD61;
    --gp-icon-server:     #22d3ee;
    --gp-icon-star:       #EFDD61;
    --gp-icon-support:    #fb923c;
    --gp-icon-tools:      #c084fc;
    --gp-icon-content:    #86efac;
    --gp-icon-logout:     #f87171;
    /* Primary button — dark brand bg so it isn't blinding in dark mode */
    --gp-btn-bg:          #03435C;
    --gp-btn-bg-hover:    #02334a;
    --gp-btn-color:       #A4F1F6;
    /* User avatar circle — medium teal so it's visible but not blinding */
    --gp-avatar-bg:       #0d6880;
    --gp-avatar-color:    #e4f7fa;
}