/*
 * DEVZIGN THEME COLOR CONFIG
 * ---------------------------------------------------------------
 * Single place to change the whole site's color scheme.
 * Loaded AFTER main.css, so these values override the theme's
 * defaults everywhere (buttons, links, headings, badges, hovers,
 * dark section backgrounds).
 *
 * Each color is Hue / Saturation / Lightness numbers (not a hex
 * code) because the theme builds every color from these three
 * parts internally via hsl(). Change the numbers below, save,
 * refresh the browser — no other file needs to change.
 *
 * Pick colors at https://hslpicker.com and copy the H/S/L numbers.
 * ---------------------------------------------------------------
 */

:root {
    /* Primary brand color — buttons, links, active states, icons.
       Current: Devzign teal */
    --main-h: 174;
    --main-s: 75%;
    --main-l: 42%;

    /* Secondary color — dark navy used for headings, dark section
       backgrounds, and body text accents. */
    --main-two-h: 220;
    --main-two-s: 10%;
    --main-two-l: 12%;
}

/* =================================================================
 * QUICK PRESETS
 * To try one: replace the numbers in the :root block above with
 * one of the sets below.
 * =================================================================
 *
 * Emerald / Green
 *   --main-h: 152;  --main-s: 69%; --main-l: 40%;
 *   --main-two-h: 160; --main-two-s: 60%; --main-two-l: 10%;
 *
 * Orange / Amber
 *   --main-h: 25;   --main-s: 95%; --main-l: 53%;
 *   --main-two-h: 20;  --main-two-s: 40%; --main-two-l: 10%;
 *
 * Purple / Violet
 *   --main-h: 262;  --main-s: 83%; --main-l: 58%;
 *   --main-two-h: 260; --main-two-s: 50%; --main-two-l: 10%;
 *
 * Crimson / Red
 *   --main-h: 350;  --main-s: 78%; --main-l: 50%;
 *   --main-two-h: 350; --main-two-s: 40%; --main-two-l: 10%;
 */

/* Partner/brand logo strip sits on the dark navy band (.bg-brand-one).
   The logo PNGs are black artwork, so force them to white for contrast. */
.new-brand-one-slider img {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}