.website-theme {
    --bg: #f8fafc;
    --text: #0f172a;
    --muted: #334155;
    --brand: #2563eb;
    --school-font-body: "Barlow", "Segoe UI", sans-serif;
    --school-font-display: "Barlow Condensed", "Barlow", sans-serif;
    --school-font-display-spacing: 0.01em;
}

body.website-theme {
    background: var(--bg);
    color: var(--text);
    font-family: var(--school-font-body, "Barlow", "Segoe UI", sans-serif);
}

body.website-theme ::selection {
    background: rgba(37, 99, 235, 0.18);
    color: var(--text);
}

body.website-theme h1,
body.website-theme h2,
body.website-theme h3,
body.website-theme h4,
body.website-theme h5,
body.website-theme h6,
body.website-theme .h1,
body.website-theme .h2,
body.website-theme .h3,
body.website-theme .h4,
body.website-theme .h5,
body.website-theme .h6,
body.website-theme .btn,
body.website-theme .badge,
body.website-theme .brand {
    font-family: var(--school-font-display, "Barlow Condensed", "Barlow", sans-serif);
    letter-spacing: var(--school-font-display-spacing, 0.01em);
}

body.website-theme .nav,
body.website-theme .navbar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

body.website-theme .nav a,
body.website-theme .brand,
body.website-theme .navbar-brand,
body.website-theme .navbar .nav-link {
    color: var(--text);
}

body.website-theme .nav a:hover,
body.website-theme .nav a:focus-visible,
body.website-theme .navbar .nav-link:hover,
body.website-theme .navbar .nav-link:focus-visible {
    background: #f1f5f9;
}

body.website-theme .nav .primary {
    background: var(--brand);
    color: #ffffff;
}

body.website-theme .nav .primary:hover,
body.website-theme .nav .primary:focus-visible {
    background: #1d4ed8;
    color: #ffffff;
}

body.website-theme footer {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    color: var(--muted);
}

body.website-theme a,
body.website-theme .link-primary,
body.website-theme .btn-link,
body.website-theme .nav-link,
body.website-theme .page-link,
body.website-theme .dropdown-item,
body.website-theme .breadcrumb a {
    color: #1d4ed8;
}

body.website-theme a:hover,
body.website-theme a:focus-visible,
body.website-theme .link-primary:hover,
body.website-theme .link-primary:focus-visible,
body.website-theme .btn-link:hover,
body.website-theme .btn-link:focus-visible,
body.website-theme .nav-link:hover,
body.website-theme .nav-link:focus-visible,
body.website-theme .page-link:hover,
body.website-theme .page-link:focus-visible,
body.website-theme .dropdown-item:hover,
body.website-theme .dropdown-item:focus-visible,
body.website-theme .breadcrumb a:hover,
body.website-theme .breadcrumb a:focus-visible {
    color: #1e40af;
}