/*
 * Toronto Oktoberfest theme — Bootstrap variable overrides.
 * Matched to torontooktoberfest.ca/tickets Squarespace palette:
 *   accent       #1470AD  deep blue (buttons, headings)
 *   darkAccent   #8EB7DC  pale blue (footer, subtle bg)
 *   lightAccent  #ECECEF  near-white cool gray
 *   amber accent #E8A82B  from logo (lions/beer)
 *   burgundy     #6B2A1F  from logo ribbon — kept available but not primary
 */

:root, [data-bs-theme=light] {
    /* primary — deep blue (matches buttons on event site) */
    --bs-primary: #1470AD;
    --bs-primary-rgb: 20, 112, 173;
    --bs-primary-text-emphasis: #0A3A5A;
    --bs-primary-bg-subtle: #D6E5F0;
    --bs-primary-border-subtle: #8EB7DC;

    /* secondary — amber accent */
    --bs-secondary: #E8A82B;
    --bs-secondary-rgb: 232, 168, 43;
    --bs-secondary-text-emphasis: #5C420B;
    --bs-secondary-bg-subtle: #FBEDD0;
    --bs-secondary-border-subtle: #F4D38A;

    /* info — pale blue (same hue family as darkAccent for the footer) */
    --bs-info: #8EB7DC;
    --bs-info-rgb: 142, 183, 220;
    --bs-info-text-emphasis: #0A3A5A;
    --bs-info-bg-subtle: #E4EEF7;
    --bs-info-border-subtle: #B7CFE6;

    /* warning — amber */
    --bs-warning: #E8A82B;
    --bs-warning-rgb: 232, 168, 43;

    /* keep success/danger close to Bootstrap defaults */
    --bs-success: #2E7D32;
    --bs-success-rgb: 46, 125, 50;
    --bs-danger: #B23B2B;
    --bs-danger-rgb: 178, 59, 43;

    /* body */
    --bs-body-bg: #FFFFFF;
    --bs-body-color: #1F1B16;
    --bs-body-font-family: Roboto, "Helvetica Neue", Arial, sans-serif;

    /* links */
    --bs-link-color: #1470AD;
    --bs-link-color-rgb: 20, 112, 173;
    --bs-link-hover-color: #0A3A5A;
    --bs-link-hover-color-rgb: 10, 58, 90;
    --bs-link-decoration: unset;
}

:root {
    --bs-link-decoration: unset;
}

/* ---------- buttons ---------- */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1470AD;
    --bs-btn-border-color: #1470AD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #115E91;
    --bs-btn-hover-border-color: #0F547F;
    --bs-btn-focus-shadow-rgb: 20, 112, 173;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0F547F;
    --bs-btn-active-border-color: #0F547F;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8EB7DC;
    --bs-btn-disabled-border-color: #8EB7DC;
}

.btn-outline-primary {
    --bs-btn-color: #1470AD;
    --bs-btn-border-color: #1470AD;
    --bs-btn-focus-shadow-rgb: 20, 112, 173;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1470AD;
    --bs-btn-hover-border-color: #1470AD;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0F547F;
    --bs-btn-active-border-color: #0F547F;
    --bs-btn-disabled-color: #1470AD;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1470AD;
}

.btn-secondary {
    --bs-btn-color: #1F1B16;
    --bs-btn-bg: #E8A82B;
    --bs-btn-border-color: #E8A82B;
    --bs-btn-hover-color: #1F1B16;
    --bs-btn-hover-bg: #D29621;
    --bs-btn-hover-border-color: #C58D1F;
    --bs-btn-focus-shadow-rgb: 232, 168, 43;
    --bs-btn-active-color: #1F1B16;
    --bs-btn-active-bg: #C58D1F;
    --bs-btn-active-border-color: #B7841D;
    --bs-btn-disabled-color: #1F1B16;
    --bs-btn-disabled-bg: #E8A82B;
    --bs-btn-disabled-border-color: #E8A82B;
}

.btn-outline-secondary {
    --bs-btn-color: #5C420B;
    --bs-btn-border-color: #E8A82B;
    --bs-btn-focus-shadow-rgb: 232, 168, 43;
    --bs-btn-hover-color: #1F1B16;
    --bs-btn-hover-bg: #E8A82B;
    --bs-btn-hover-border-color: #E8A82B;
    --bs-btn-active-color: #1F1B16;
    --bs-btn-active-bg: #C58D1F;
    --bs-btn-active-border-color: #C58D1F;
    --bs-btn-disabled-color: #E8A82B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #E8A82B;
}

/* ---------- chrome ---------- */

/* footer — pale blue, matching the event site */
footer.bg-primary-gradient,
.bg-primary-gradient {
    background: #8EB7DC !important;
    color: #0A3A5A;
}

.bg-primary-gradient a {
    color: #0A3A5A !important;
}

.bg-primary-gradient .text-muted,
.bg-primary-gradient hr {
    color: #0A3A5A !important;
    opacity: 0.65;
}

/* card header on .bg-primary (used on Index session buttons & buy page) keeps text white */
.card-header.bg-primary,
.btn-primary {
    color: #fff;
}