/* ============================================================
   GridPanel Theme: HyperGrid City
   Brand palette derived from hypergridcity.com:
     #c41515  — brand red  (logo cityscape bars, CTA sections, checkmarks)
     #2d3444  — dark charcoal  (navbar / sidebar)
     #2460c8  — royal blue  (feature banners, headings)
     #d4a020  — amber gold  (accent text)
   ============================================================ */

:root,
[data-bs-theme="light"] {
    --gp-bg:              #f6f6f6;          /* neutral light background */
    --gp-bg-card:         #ffffff;
    --gp-bg-sidebar:      #2d3444;          /* dark charcoal — site navbar colour */
    --gp-bg-navbar:       #ffffff;          /* white header, matching site header */
    --gp-accent:          #c41515;          /* brand red */
    --gp-accent-hover:    #a01010;          /* darker red on hover */
    --gp-accent-rgb:      196, 21, 21;
    --gp-text:            #1e1e1e;          /* near-black body text */
    --gp-text-muted:      #5a5a6a;
    --gp-border:          #e2e2e2;
    --gp-sidebar-text:    #ffffff;          /* white nav text on dark sidebar */
    --gp-sidebar-muted:   #9aa0b0;
    --gp-sidebar-active-bg: rgba(196, 21, 21, 0.14);
    --gp-sidebar-active:  #ffffff;
    --gp-bg-table-header: #f2eded;          /* faint red-tinted table thead */
    --gp-bg-table-alt:    #faf9f9;          /* alternating row tint */
    --gp-bg-card-hover:   #f0efef;          /* row hover */
    --gp-success:         #16a34a;
    --gp-warning:         #d4a020;          /* brand amber gold */
    --gp-danger:          #dc2626;
    --gp-info:            #2460c8;          /* brand royal blue */
    --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, same values in both modes */
    --gp-icon-dash:       #ffffff;
    --gp-icon-people:     #7dd3fc;
    --gp-icon-world:      #60a5fa;
    --gp-icon-estate:     #34d399;
    --gp-icon-event:      #f472b6;
    --gp-icon-finance:    #d4a020;
    --gp-icon-server:     #22d3ee;
    --gp-icon-star:       #d4a020;
    --gp-icon-support:    #fb923c;
    --gp-icon-tools:      #c084fc;
    --gp-icon-content:    #86efac;
    --gp-icon-logout:     #f87171;
}

[data-bs-theme="dark"] {
    --gp-bg:              #111111;          /* near-black — matches site hero */
    --gp-bg-card:         #1c2030;          /* dark card background */
    --gp-bg-sidebar:      #2d3444;          /* dark charcoal sidebar */
    --gp-bg-navbar:       #2d3444;          /* navbar matches sidebar in dark mode */
    --gp-accent:          #e02222;          /* brighter red for dark backgrounds */
    --gp-accent-hover:    #ff3333;
    --gp-accent-rgb:      224, 34, 34;
    --gp-text:            #f0f0f0;
    --gp-text-muted:      #8a8a9a;
    --gp-border:          #2a2a3a;
    --gp-sidebar-text:    #ffffff;
    --gp-sidebar-muted:   #7a8090;
    --gp-sidebar-active-bg: rgba(224, 34, 34, 0.2);
    --gp-sidebar-active:  #ffffff;
    --gp-bg-table-header: #1c2030;          /* table thead background */
    --gp-bg-table-alt:    #161820;          /* alternating row background */
    --gp-bg-card-hover:   #222838;          /* row hover background */
    --gp-success:         #22c55e;
    --gp-warning:         #d4a020;          /* brand amber gold */
    --gp-danger:          #f87171;
    --gp-info:            #4a8ae0;          /* brighter blue for dark mode */
    --gp-shadow:          0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.35);
    --gp-shadow-md:       0 4px 6px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.35);
    --gp-radius:          0.5rem;
    --gp-transition:      0.2s ease;
    /* Sidebar icon accent palette */
    --gp-icon-dash:       #ffffff;
    --gp-icon-people:     #7dd3fc;
    --gp-icon-world:      #60a5fa;
    --gp-icon-estate:     #34d399;
    --gp-icon-event:      #f472b6;
    --gp-icon-finance:    #d4a020;
    --gp-icon-server:     #22d3ee;
    --gp-icon-star:       #d4a020;
    --gp-icon-support:    #fb923c;
    --gp-icon-tools:      #c084fc;
    --gp-icon-content:    #86efac;
    --gp-icon-logout:     #f87171;
    /* Primary button — red brand on dark background */
    --gp-btn-bg:          #c41515;
    --gp-btn-bg-hover:    #a01010;
    --gp-btn-color:       #ffffff;
    /* User avatar circle */
    --gp-avatar-bg:       #7a1010;
    --gp-avatar-color:    #ffffff;
}