/* ═══════════════════════════════════════════════════════════════════════
   miniDBA Theme file
   
   THEME 1 — “Classic”
     Mirrors the WPF desktop app: MahApps Metro Light.Blue palette +
     Infragistics Metro theme. Page background #EFEFF2 (VS2012Bg), accent
     #119EDA (MahApps AccentBaseColor), tab selected #729DC5 (Azure2),
     section headers #CCCEDB (VS2012Highlight). Activity bar remains dark
     (Catppuccin Mocha) matching the desktop’s dark nav chrome.

   THEME 2 — “Dark”
     Full dark theme. Main content area, nav panel and surfaces all dark.

   All pages consume these variables via var(--xxx).
   To add a new theme: duplicate a :root[data-theme="N"] block, change the
   value in the <select> in NavMenu.razor, and override what you need.
═══════════════════════════════════════════════════════════════════════ */

/* ── Theme 1 — Classic (WPF parity) ────────────────────────────────────── */
:root,
:root[data-theme="1"] {
    /* ── Brand / Accent ───────────────────────────────────────────── */
    --mdb-accent:            #119EDA;   /* MahApps AccentBaseColor */
    --mdb-accent-hover:      #0E86BA;   /* darker accent for hover */
    --mdb-accent-subtle:     #E6F4FB;   /* accent at ~10% for light tints */
    --mdb-accent-muted:      #80D5EF;   /* 50% accent for light fills */
    --mdb-accent-deep:       #086F9E;   /* HighlightColor — selected */
    --mdb-brand-blue:        #119EDA;   /* primary branding color */
    --mdb-tab-active:        #729DC5;   /* Azure2 — selected tab bg (matches desktop AzureTabItem) */
    --mdb-tab-active-hover:  #5D87B3;   /* Azure2 darkened ~10% for hover */
    --mdb-tab-inactive-bg:   #D9D9D9;   /* unselected tab background */
    --mdb-tab-inactive-color:#555555;   /* unselected tab text */
    --mdb-tab-strip-bg:      #EBEBEB;   /* tab rail background */
    --mdb-input-color-scheme: light;    /* browser native input chrome (spinners, date pickers) */

    /* ── Backgrounds ──────────────────────────────────────────────── */
    --mdb-bg-page:           #EFEFF2;   /* VS2012Bg — main app background */
    --mdb-bg-surface:        #FFFFFF;   /* cards, panels, modals, tables */
    --mdb-bg-surface-alt:    #F4F4F4;   /* alternate rows, form cards */
    --mdb-bg-muted:          #E7E7E7;   /* secondary surface (hover backgrounds) */
    --mdb-bg-highlight:      #CCCEDB;   /* VS2012Highlight — section headers */
    --mdb-bg-code:           #F8F8F8;   /* code blocks, read-only fields */

    /* ── Borders ──────────────────────────────────────────────────── */
    --mdb-border:            #D7D7D7;   /* primary border */
    --mdb-border-light:      #E7E7E7;   /* secondary/lighter border */
    --mdb-border-strong:     #B9B9B9;   /* emphasis border (grid, dividers) */

    /* ── Text ─────────────────────────────────────────────────────── */
    --mdb-text:              #333333;   /* primary text (ForegroundBrush) */
    --mdb-text-secondary:    #565656;   /* secondary text / labels */
    --mdb-text-muted:        #858585;   /* muted/hint text */
    --mdb-text-disabled:     #B9B9B9;   /* disabled text */
    --mdb-text-on-accent:    #FFFFFF;   /* text on accent backgrounds */
    --mdb-text-heading:      #282828;   /* headings, bold emphasis */
    --mdb-text-section:      #444444;   /* section title text */

    /* ── Sidebar (Dark) ───────────────────────────────────────────── */
    --mdb-sidebar-bg:        #1e1e2e;   /* Catppuccin Mocha base */
    --mdb-sidebar-hover:     #313244;   /* item hover */
    --mdb-sidebar-active:    #119EDA;   /* active nav link */
    --mdb-sidebar-border:    #313244;   /* separators */
    --mdb-sidebar-text:      #cdd6f4;   /* primary sidebar text */
    --mdb-sidebar-text-muted:#6c7086;   /* section labels */
    --mdb-sidebar-text-dim:  #a6adc8;   /* secondary sidebar text */
    --mdb-sidebar-badge:     #45475a;   /* badge/counter backgrounds */
    --mdb-sidebar-scrollbar: #45475a;   /* scrollbar thumb */

    /* ── Navigation Panel (server tree panel) ───────────────────────
       Separate from activity bar / sidebar. These map to light equivalents
       so themes only need to change these variables to restyle the panel.
    ──────────────────────────────────────────────────────────────── */
    --mdb-nav-panel-bg:          #EFEFF2;   /* panel background (matches mdb-bg-page) */
    --mdb-nav-panel-border:      #D7D7D7;   /* panel borders / separators */
    --mdb-nav-panel-text:        #333333;   /* primary text */
    --mdb-nav-panel-text-muted:  #858585;   /* section labels, chevrons */
    --mdb-nav-panel-text-dim:    #565656;   /* child links / secondary items */
    --mdb-nav-panel-hover:       #E7E7E7;   /* item hover background */
    --mdb-nav-panel-scrollbar:   #B9B9B9;   /* scrollbar thumb */
    --mdb-nav-panel-input-bg:    #FFFFFF;   /* form inputs inside panel */

    /* ── Activity Bar (VS Code-style leftmost column) ─────────────── */
    --mdb-activitybar-bg:         #181825;   /* slightly darker than sidebar */
    --mdb-activitybar-icon:       #6c7086;   /* inactive icon colour */
    --mdb-activitybar-icon-hover: #cdd6f4;   /* hovered icon */
    --mdb-activitybar-icon-active:#ffffff;   /* active icon */

    /* ── Tooltip ──────────────────────────────────────────────────── */
    --mdb-tooltip-bg:        #252537;
    --mdb-tooltip-text:      #cdd6f4;
    /* ── Charts ─────────────────────────────────────────── */
    --mdb-chart-legend-gap:  2px;   /* space between chart area bottom and legend */
    /* ── Status: OK / Green ───────────────────────────────────────── */
    --mdb-green:             #86B780;   /* GreenTile — primary OK */
    --mdb-green-text:        #1A6E2E;   /* dark green for text */
    --mdb-green-bg:          #E9FBE9;   /* JobSucceeded — very light green */
    --mdb-green-dot:         #a6e3a1;   /* sidebar status dot */

    /* ── Status: Error / Red ──────────────────────────────────────── */
    --mdb-red:               #E87B6B;   /* RedTile — primary error */
    --mdb-red-text:          #D0284C;   /* Infragistics error text */
    --mdb-red-bg:            #FFF5F5;   /* error row tint */
    --mdb-red-bg-hover:      #FFE8E8;   /* error row hover */
    --mdb-red-badge:         #E87B6B;   /* major alert badge */
    --mdb-red-dot:           #f38ba8;   /* sidebar error dot */

    /* ── Status: Warning / Orange ─────────────────────────────────── */
    --mdb-orange:            #F2C572;   /* OrangeTile — primary warning */
    --mdb-orange-text:       #8B5E0F;   /* dark orange for text */
    --mdb-orange-bg:         #FFF9F0;   /* warning row tint */
    --mdb-orange-bg-hover:   #FFF3E0;   /* warning row hover */
    --mdb-orange-badge:      #F2C572;   /* minor alert badge */
    --mdb-orange-dot:        #f9e2af;   /* sidebar warning dot */

    /* ── Status: Info / Blue ──────────────────────────────────────── */
    --mdb-info:              #108FCE;   /* BlueTile — informational */
    --mdb-info-bg:           #E6F4FB;   /* very light blue */
    --mdb-info-border:       #80D5EF;   /* info border */
    --mdb-info-text:         #086F9E;   /* info text */

    /* ── Status: Disabled / Grey ──────────────────────────────────── */
    --mdb-grey-tile:         #B9B9B9;   /* GreyTile */
    --mdb-grey-dark:         #A0A0A0;   /* DarkerGreyTile */

    /* Card accents (left border colors) */
    --mdb-card-ok:           var(--mdb-green);
    --mdb-card-error:        var(--mdb-red);
    --mdb-card-warning:      var(--mdb-orange);
    --mdb-card-info:         var(--mdb-info);
    --mdb-card-metric:       #6a6bb6;   /* MidBlue — purple accent */

    /* ── Chart Series Palette ─────────────────────────────────────── */
    /* From App.xaml IgLgBrush + Theme.Colors.xaml metro series */
    --mdb-chart-1:           #00AADE;   /* Infragistics primary cyan-blue */
    --mdb-chart-2:           #505050;   /* Dark grey */
    --mdb-chart-3:           #8A9B0F;   /* Olive-green */
    --mdb-chart-4:           #F14D0F;   /* Red-orange */
    --mdb-chart-5:           #81106B;   /* Magenta-purple */
    --mdb-chart-6:           #FCA910;   /* Golden yellow */
    --mdb-chart-7:           #037A54;   /* Emerald green */
    --mdb-chart-8:           #154D85;   /* Navy blue */
    --mdb-chart-9:           #543511;   /* Brown */
    --mdb-chart-10:          #89806D;   /* Taupe */
    --mdb-chart-11:          #58458B;   /* Muted purple */

    /* ── Supplementary Chart Fill Colors ──────────────────────────── */
    --mdb-chart-fill-blue:   #3BB7EB;   /* teal-blue gradient bottom */
    --mdb-chart-fill-teal:   #2788B1;   /* teal-blue gradient top */
    --mdb-chart-area-bg:     #DBDBE0;   /* chart area gradient end */

    /* ── Topbar ───────────────────────────────────────────────────── */
    --mdb-topbar-bg:         #EFEFF2;   /* matches page bg for seamless look */
    --mdb-topbar-border:     var(--mdb-border);

    /* ── Modal / Overlay ──────────────────────────────────────────── */
    --mdb-modal-bg:          var(--mdb-bg-surface);
    --mdb-modal-header-bg:   var(--mdb-bg-highlight);
    --mdb-modal-border:      var(--mdb-border);
    --mdb-backdrop:          rgba(0, 0, 0, 0.40);
    --mdb-shadow:            0 1px 3px rgba(0, 0, 0, 0.08);
    --mdb-shadow-lg:         0 12px 40px rgba(0, 0, 0, 0.20);

    /* ── Interactive ──────────────────────────────────────────────── */
    --mdb-row-hover:         #E6F4FB;   /* accent-subtle for row hovers */
    --mdb-focus-ring:        var(--mdb-accent);

    /* ── Typography ───────────────────────────────────────────────── */
    --mdb-font-family:       "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
    --mdb-font-mono:         "Cascadia Code", "Consolas", monospace;
    --mdb-font-size-base:    14px;

    /* ── Radius ───────────────────────────────────────────────────── */
    --mdb-radius-sm:         4px;
    --mdb-radius:            6px;
    --mdb-radius-lg:         8px;
    --mdb-radius-xl:         10px;
    --mdb-radius-pill:       9999px;

    /* ── Transitions ──────────────────────────────────────────────── */
    --mdb-transition-fast:   0.12s ease;
    --mdb-transition:        0.15s ease;

    /* ── Log viewer ──────────────────────────────────────────────── */
    --mdb-log-warn:          #8B5E0F;   /* amber — readable on light bg */
    --mdb-log-error:         #C42041;   /* deep red — readable on light bg */
}
/* ── Theme 2 — Dark ───────────────────────────────────────────────────── */
/* Full dark theme. All surfaces, nav panel and page bg shift to dark.     */
:root[data-theme="2"] {
    /* Accent: same cyan-blue as Classic */
    --mdb-accent:            #119EDA;
    --mdb-accent-hover:      #0E86BA;
    --mdb-accent-subtle:     rgba(17,158,218,0.15);
    --mdb-accent-muted:      #0E86BA;
    --mdb-accent-deep:       #086F9E;
    --mdb-brand-blue:        #119EDA;
    --mdb-tab-active:        #119EDA;
    --mdb-tab-active-hover:  #0E86BA;
    --mdb-tab-inactive-bg:   #45475a;   /* dark inactive tab */
    --mdb-tab-inactive-color:#a6adc8;   /* muted light text on dark tab */
    --mdb-tab-strip-bg:      #313244;   /* dark rail */
    --mdb-input-color-scheme: dark;     /* browser native input chrome (spinners, date pickers) */

    /* Page / surfaces: dark */
    --mdb-bg-page:           #1e1e2e;
    --mdb-bg-surface:        #27273a;
    --mdb-bg-surface-alt:    #313244;
    --mdb-bg-muted:          #3a3a52;
    --mdb-bg-highlight:      #45475a;
    --mdb-bg-code:           #181825;
    --mdb-topbar-bg:         #27273a;
    --mdb-topbar-border:     #313244;
    --mdb-row-hover:         rgba(17,158,218,0.10);

    /* Borders */
    --mdb-border:            #45475a;
    --mdb-border-light:      #313244;
    --mdb-border-strong:     #585b70;

    /* Text */
    --mdb-text:              #cdd6f4;
    --mdb-text-secondary:    #a6adc8;
    --mdb-text-muted:        #6c7086;
    --mdb-text-disabled:     #45475a;
    --mdb-text-on-accent:    #ffffff;
    --mdb-text-heading:      #e0e4f4;
    --mdb-text-section:      #bac2de;

    /* Sidebar / activity bar */
    --mdb-sidebar-bg:        #1e1e2e;
    --mdb-sidebar-hover:     #313244;
    --mdb-sidebar-active:    #119EDA;
    --mdb-sidebar-border:    #313244;
    --mdb-sidebar-text:      #cdd6f4;
    --mdb-sidebar-text-muted:#6c7086;
    --mdb-sidebar-text-dim:  #a6adc8;
    --mdb-sidebar-badge:     #45475a;
    --mdb-sidebar-scrollbar: #45475a;

    /* Nav panel: dark (matches sidebar) */
    --mdb-nav-panel-bg:          #1e1e2e;
    --mdb-nav-panel-border:      #313244;
    --mdb-nav-panel-text:        #cdd6f4;
    --mdb-nav-panel-text-muted:  #6c7086;
    --mdb-nav-panel-text-dim:    #a6adc8;
    --mdb-nav-panel-hover:       #313244;
    --mdb-nav-panel-scrollbar:   #45475a;
    --mdb-nav-panel-input-bg:    #27273a;

    /* Activity bar: slightly darker */
    --mdb-activitybar-bg:         #181825;
    --mdb-activitybar-icon:       #6c7086;
    --mdb-activitybar-icon-hover: #cdd6f4;
    --mdb-activitybar-icon-active:#ffffff;

    /* Tooltip */
    --mdb-tooltip-bg:        #252537;
    --mdb-tooltip-text:      #cdd6f4;

    /* Status dots */
    --mdb-green:             #a6e3a1;
    --mdb-green-text:        #a6e3a1;
    --mdb-green-bg:          rgba(166, 227, 161, 0.13);
    --mdb-green-dot:         #a6e3a1;
    --mdb-red:               #f38ba8;
    --mdb-red-text:          #f38ba8;
    --mdb-red-bg:            rgba(243, 139, 168, 0.13);
    --mdb-red-bg-hover:      rgba(243, 139, 168, 0.20);
    --mdb-red-badge:         #e85f82;
    --mdb-red-dot:           #f38ba8;
    --mdb-orange:            #f9c96f;
    --mdb-orange-text:       #f9c96f;
    --mdb-orange-bg:         rgba(249, 201, 111, 0.13);
    --mdb-orange-bg-hover:   rgba(249, 201, 111, 0.20);
    --mdb-orange-badge:      #f2b84b;
    --mdb-orange-dot:        #f9e2af;
    --mdb-info:              #89dceb;
    --mdb-info-bg:           rgba(137, 220, 235, 0.13);
    --mdb-info-border:       rgba(137, 220, 235, 0.35);
    --mdb-info-text:         #89dceb;

    /* Modal */
    --mdb-modal-bg:          #27273a;
    --mdb-modal-header-bg:   #313244;
    --mdb-modal-border:      #45475a;
    --mdb-backdrop:          rgba(0,0,0,0.60);
    --mdb-shadow:            0 1px 3px rgba(0,0,0,0.30);
    --mdb-shadow-lg:         0 12px 40px rgba(0,0,0,0.55);

    /* ── Log viewer ──────────────────────────────────────────────── */
    --mdb-log-warn:          #F9A825;   /* bright amber — readable on dark bg */
    --mdb-log-error:         #FF5555;   /* bright red — readable on dark bg */
}