:root {
    /* Brand Colors */
    --color1: #F7F4EA; /* light background */
    --color2: #004E64; /* dark blue */
    --color3: #439775; /* green */
    --color4: #C0B9DD; /* lavender */
    --color5: #80A1D4; /* PRIMARY light blue */
}

/* ===== Base Overrides ===== */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background-color: var(--color1);
    color: var(--color2);
}

/* ===== Utility Classes ===== */
.bg-color1 { background-color: var(--color1) !important; }
.bg-color2 { background-color: var(--color2) !important; }
.bg-color3 { background-color: var(--color3) !important; }
.bg-color4 { background-color: var(--color4) !important; }
.bg-color5 { background-color: var(--color5) !important; }

.text-color1 { color: var(--color1) !important; }
.text-color2 { color: var(--color2) !important; }
.text-color3 { color: var(--color3) !important; }
.text-color4 { color: var(--color4) !important; }
.text-color5 { color: var(--color5) !important; }

/* ===== Bootstrap Button Overrides ===== */
.btn-primary {
    background-color: var(--color5);
    border-color: var(--color5);
}

.btn-primary:hover {
    background-color: var(--color2);
    border-color: var(--color2);
}

.btn-outline-primary {
    color: var(--color5);
    border-color: var(--color5);
}

.btn-outline-primary:hover {
    background-color: var(--color5);
    color: #fff;
}

/* ===== Cards ===== */
.card {
    border-radius: 12px;
}

.card-title {
    color: var(--color2);
}


/* ==== Navigation ====== */


/* ==== Holiday Help ====== */

.holiday-wrap { text-align:center; padding:60px 20px; background:#fff; }
.holiday-wrap h1 { color:#b11226; font-size:2.6rem; margin-bottom:30px; }
.cta-grid { display:grid; gap:20px; max-width:700px; margin:0 auto; }
    .cta { display:block; padding:26px; font-size:1.2rem; font-weight:600; color:#fff; text-decoration:none; border-radius:10px; }
    .red { background:#b11226; }
    .green { background:#1f7a3f; }
    .cta-group { display:grid; gap:15px; }
    .cta:hover { opacity:.9; }

/* === OPEN / CLOSED === */
.status-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 20px;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    float: right;
}

/* OPEN */
.status-open {
    color: #198754;
    border: 2px solid #198754;
    background-color: #e9f7ef;
}

/* CLOSING SOON */
.status-closing {
    color: #ffc107;
    border: 2px solid #ffc107;
    background-color: #fff8e1;
}

/* CLOSED */
.status-closed {
    color: #6c757d;
    border: 2px solid #6c757d;
    background-color: #f8f9fa;
}

/* HOLIDAY */
.status-holiday {
    color: #dc3545;
    border: 2px solid #dc3545;
    background-color: #fdecea;
}