/*
 * AiReceptionist Portal – Brand Color Overrides
 *
 * Palette:
 *   silver       #c6c5b9  rgb(198, 197, 185)
 *   pacific-cyan #62929e  rgb(98,  146, 158)   ← primary
 *   blue-slate   #4a6d7c  rgb(74,  109, 124)   ← primary-dark / hover
 *   dark-khaki   #393a10  rgb(57,   58,  16)   ← dark accent
 *   iron-grey    #475657  rgb(71,   86,  87)   ← secondary / muted
 *
 * Loaded after site.css so these declarations take precedence.
 * Placed before /branding/theme.css so reseller themes can still override.
 */

/* ── Portal custom variables ───────────────────────────────────────── */
:root {
    /* Primary actions: Pacific Cyan */
    --primary-color: #62929e;
    --primary-dark:  #4a6d7c;
    --primary-light: #daeaed;

    /* Secondary / muted: Iron Grey */
    --secondary-color: #475657;

    /* Body & surfaces */
    --bg-light: #f5f5f2;
    --bg-white: #fafaf8;

    /* Text */
    --text-primary:   #1c2728;
    --text-secondary: #677273;

    /* Borders */
    --border-color: #d4d3c9;
}

/* ── Bootstrap 5 CSS-variable overrides ───────────────────────────── */
:root {
    --bs-primary:          #62929e;
    --bs-primary-rgb:      98, 146, 158;
    --bs-secondary:        #475657;
    --bs-secondary-rgb:    71, 86, 87;
    --bs-link-color:       #62929e;
    --bs-link-hover-color: #4a6d7c;
    --bs-body-bg:          #f5f5f2;
    --bs-body-color:       #1c2728;
    --bs-border-color:     #d4d3c9;
}

/* ── Bootstrap component overrides ────────────────────────────────── */
.btn-primary {
    --bs-btn-bg:                #62929e;
    --bs-btn-border-color:      #62929e;
    --bs-btn-hover-bg:          #4a6d7c;
    --bs-btn-hover-border-color:#4a6d7c;
    --bs-btn-active-bg:         #3d5b68;
    --bs-btn-active-border-color:#3d5b68;
    --bs-btn-disabled-bg:       #62929e;
    --bs-btn-disabled-border-color: #62929e;
}

.btn-outline-primary {
    --bs-btn-color:              #62929e;
    --bs-btn-border-color:       #62929e;
    --bs-btn-hover-bg:           #62929e;
    --bs-btn-hover-border-color: #62929e;
    --bs-btn-active-bg:          #4a6d7c;
    --bs-btn-active-border-color:#4a6d7c;
}

.btn-secondary {
    --bs-btn-bg:                #475657;
    --bs-btn-border-color:      #475657;
    --bs-btn-hover-bg:          #393a10;
    --bs-btn-hover-border-color:#393a10;
}

/* Focus rings */
.btn:focus,
.btn:active:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(98, 146, 158, 0.35);
}

/* Nav / active link accent */
.nav-link.active,
.nav-pills .nav-link.active {
    background-color: #62929e;
}

a {
    color: #62929e;
}

a:hover {
    color: #4a6d7c;
}