/* ==========================================================================
   BRAND PALETTE — "Qutik"  (cyan accent on charcoal)
   Loaded AFTER style.css + demo-main.css so it takes precedence.
   Touches ONLY CSS variables — no core/Bootstrap file.
   Color source: qutik.co.uk  (cyan #00c4ff, charcoal #20292e)
   ========================================================================== */
:root{
    /* Accent / primary (links, section captions, icons, gradients) */
    --color-primary-1:        #00c4ff;   /* Qutik bright cyan */
    --color-primary-1-a:      #00a6e0;   /* hover (slightly deeper) */
    --color-primary-light-1:  #d9f6ff;
    --color-primary-light-1-a:#ace8ff;
    --color-primary-2:        #2bd4ff;
    --color-primary-3:        #00c4ff;
    --color-primary-4:        #56dcff;   /* gradient end (cyan family) */
    --color-secondary-1:      #ace8ff;   /* light cyan highlight */

    /* Dark sections (hero overlay, achievements, newsletter, footer) */
    --color-dark-1:           #1b2429;   /* Qutik charcoal */
    --color-dark-2:           #20292e;
    --color-dark-3:           #2a343a;
}