/*
 * =============================================================
 *  brand-colors.css  —  Global Brand Color Override
 *  Source of truth: App\Constants\BrandColors::PRIMARY
 *
 *  This file is loaded LAST in app.blade.php so it overrides
 *  --theme-color1 (and its rgb companion) defined in style.css.
 *  Because the entire theme uses var(--theme-color1) internally,
 *  changing these two properties here cascades to:
 *    • All buttons (.theme-btn)
 *    • All icon colours
 *    • Section titles / sub-titles
 *    • Links, hover states
 *    • Banners, overlays, FABs
 *    • Home-Visit mega menu icons
 *    • About / Contact / Services accents
 *    • Login & Register page buttons (same layout)
 *    • Every other element that references the CSS variable
 *
 *  Brand primary (new):  #02add4  — teal / cyan
 *  Brand primary (old):  #F35353  — rose / red  ← untouched in style.css
 * =============================================================
 */

:root {
    /* ── Primary brand colour (replaces rose/red #F35353) ── */
    --theme-color1:     #02add4;       /* BrandColors::PRIMARY       */
    --theme-color1-rgb: 2, 173, 212;   /* BrandColors::PRIMARY_RGB   */

    /* Derived aliases that style.css wires to --theme-color1 */
    --bg-theme-color1:     #02add4;
    --border-theme-color1: #02add4;
    --link-color:          #02add4;
    --link-hover-color:    #02add4;
    --sec-title-subtitle-color: #02add4;

    /* ── Dark Luxury Constants ── */
    --theme-color-dark:    #1a1a1a;
}