/* =================================================================
   BRAND COLOR THEME
   Controls the color of: Sidebar · Navbar/Header · Quick Menu · Find button

   VARIABLE REFERENCE:
     --brand-secondary      gradient light start  (sidebar / QM handle)
     --brand-dark           gradient dark end     (sidebar / QM handle)
     --brand-nav-light      navbar gradient light start
     --brand-primary        main brand color / navbar gradient dark end
     --brand-handle-bg      Quick Menu handle background (flat color or gradient)
     --brand-hover          Quick Menu handle hover background
     --brand-shadow-rgb     shadow color as "R, G, B" for use inside rgba()
     --brand-find-text      Find button text color
     --brand-find-hover-bg  Find button hover background

   HOW TO SWITCH THEMES:
     1. Select the :root { ... } block of the theme you want to TURN OFF
     2. Press  Alt + Shift + A  (VS Code) to toggle the block comment
     3. Repeat for the theme you want to TURN ON
     4. Save — no other files need to be touched.
   ================================================================= */


/* ─────────────────────────────────────────────────────────────────
   THEME A  |  ORIGINAL BLUE  |  INACTIVE
   To activate: select the :root block below and press Alt+Shift+A
   ───────────────────────────────────────────────────────────────── */

/* :root {
    --brand-secondary:      rgb(140, 210, 236);
    --brand-dark:           rgb(0, 187, 225);
    --brand-nav-light:      #8CD2EC;
    --brand-primary:        #00BBE1;
    --brand-handle-bg:      #00BBE1;
    --brand-hover:          #00a8cc;
    --brand-shadow-rgb:     0, 187, 225;
    --brand-find-text:      #00BBE1;
    --brand-find-hover-bg:  #e8f7fa;
} */

/* ─────────────────────────────────────────────────────────────────
   THEME B  |  TEAL #006768  |  ACTIVE
   To deactivate: select the :root block below and press Alt+Shift+A
   ───────────────────────────────────────────────────────────────── */
:root {
    --brand-secondary:      rgb(0, 130, 131);
    --brand-dark:           rgb(15, 107, 108);
    --brand-nav-light:      #00898A;
    --brand-primary:        #006768;
    --brand-handle-bg:      linear-gradient(rgb(0, 130, 131) 0%, rgb(15, 107, 108) 100%);
    --brand-hover:          #004F50;
    --brand-shadow-rgb:     0, 103, 104;
    --brand-find-text:      #006768;
    --brand-find-hover-bg:  #edf6f6;
}