/* ==========================================================================
   CBNA — Community Bank  (frontend default theme override)
   Loaded AFTER styles.css in __head. Eradicates the light/dark toggle and
   pins the whole site to a single light "CBNA" theme:
     Navy  #003E7E  ·  Poppy  #CB4A20 / #DA3C22  ·  Warm navy tint #C0E4DE
     Light surfaces #F7F7F8 / #FFFFFF  ·  Ink text #111B29
   Font: Figtree (Google Fonts)
   ========================================================================== */

:root{
    /* CBNA brand tokens */
    --cbna-navy:       #003E7E;
    --cbna-navy-800:   #002B58;
    --cbna-navy-100:   #E3ECF5;
    --cbna-poppy:      #CB4A20;
    --cbna-poppy-2:    #DA3C22;
    --cbna-poppy-dark: #A63A1B;
    --cbna-mint:       #C0E4DE;
    --cbna-ink:        #111B29;
    --cbna-muted:      #4D4D4F;
    --cbna-bg:         #F7F7F8;
    --cbna-surface:    #FFFFFF;
    --cbna-border:     #E5E7EB;

    /* Bootstrap primary → CBNA navy */
    --bs-primary: var(--cbna-navy);
    --bs-primary-rgb: 0, 62, 126;
    --bs-link-color: var(--cbna-poppy);
    --bs-link-color-rgb: 203, 74, 32;

    --ft-bg: var(--cbna-bg);
    --ft-panel: var(--cbna-surface);
    --ft-panel-2: var(--cbna-bg);
    --ft-card: var(--cbna-surface);
    --ft-card-2: var(--cbna-navy-100);
    --ft-border: var(--cbna-border);
    --ft-border-2: rgba(203,74,32,.20);
    --ft-text: var(--cbna-ink);
    --ft-muted: var(--cbna-muted);
    --ft-accent: var(--cbna-poppy);
    --ft-accent2: var(--cbna-navy);
    --ft-danger: #C0392B;
    --ft-success: #1E7A46;
    --ft-radius: 16px;
    --ft-radius-lg: 18px;
    --ft-shadow: 0 12px 34px rgba(17,27,41,.12);
    --ft-field-bg: var(--cbna-surface);
    --ft-field-border: var(--cbna-border);
    --ft-field-border-focus: rgba(203,74,32,.45);
    --ft-field-bg: #FFFFFF;
}

/* Font */
body{
    font-family: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
h1,h2,h3,h4,h5,h6,.title,.title-small,.site-card-header .title,.acc-num,.number{
    font-family: 'Figtree', system-ui, sans-serif;
}

/* ------------------------------------------------------------------ */
/* PLAN: force single light theme — neutralize the dark toggle hooks   */
/* ------------------------------------------------------------------ */

/* Kill the dark-theme body + any leftover dark-mode plumbing. */
html.dark-theme,
html .dark-theme,
body.dark-theme,
body.dark-theme.dark-theme,
.dark-theme{
    filter: none !important;
}

/* Eradicated toggle — hide if any remnant remains */
.color-switcher,
.color-switcher-wrap,
.dark-icon,
.light-icon,
.sun-icon,
.moon-icon{
    display: none !important;
}

/* Landing + auth: CBNA light recolor -------------------------------- */

/* Auth split pages */
.half-authpage{
    background: linear-gradient(135deg, #F7F7F8 0%, #FFFFFF 100%) !important;
    color: var(--cbna-ink);
}
.half-authpage .authOne,
.half-authpage .auth-contents{
    background: rgba(255,255,255,.85) !important;
    color: var(--cbna-ink);
}
.half-authpage .auth-banner,
.half-authpage .authTwo{
    background: linear-gradient(160deg, var(--cbna-navy) 0%, var(--cbna-navy-800) 100%) !important;
}
.half-authpage .logo img{
    filter: none !important;
}

/* Public header */
.site-header,
.header-area,
.mega-menu-wrapper .header-main{
    background: rgba(255,255,255,.96) !important;
}
.site-header a,
.header-area a{
    color: var(--cbna-ink) !important;
}
.site-header a:hover,
.header-area a:hover{
    color: var(--cbna-poppy) !important;
}

/* Buttons — CBNA poppy gradient CTA + navy secondary */
.gradient-btn,
.bg_primary,
.gradient-color,
.td-primary-btn,
.btn-primary{
    background: linear-gradient(90deg, var(--cbna-poppy) 0%, var(--cbna-poppy-2) 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
}
.btn-primary:hover,
.gradient-btn:hover{
    background: linear-gradient(90deg, var(--cbna-poppy-dark) 0%, var(--cbna-poppy) 100%) !important;
    color: #FFFFFF !important;
}

/* Landing hero */
.hero-area,
.hero-bg,
.banner-area{
    background:
        radial-gradient(1100px 500px at 85% -10%, rgba(203,74,32,.18), transparent 55%),
        linear-gradient(160deg, var(--cbna-navy) 0%, var(--cbna-navy-800) 100%) !important;
    color: #FFFFFF !important;
}
.hero-area *{
    color: inherit;
}
</content>