/* ============================================================
   S2 GLOBAL BASE OVERRIDES
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,800;1,800&family=Roboto+Mono:wght@400;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* Reset & base for this page */
.s2-page,
.s2-page *,
.s2-foot,
.s2-foot *,
.s2-header,
.s2-header * {
    box-sizing: border-box;
}

body:has(.s2-page) {
    background: var(--color-surface-primary);
    color: var(--color-brand-primary);
    font-family: var(--font-family-body);
    text-transform: uppercase;
    letter-spacing: -0.02em;
    line-height: 1;
    overflow-x: hidden;
    -webkit-user-select: text;
    user-select: text;
}

body:has(.s2-page) ::selection {
    background: var(--color-brand-primary);
    color: var(--color-text-inverse);
}

/* Push page content below fixed header */
.s2-page {
    padding-top: 80px;
}

/* Material Symbols baseline fix */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
    vertical-align: middle;
    line-height: 1;
}

/* Hide default WP header/footer on this template if needed */
body:has(.s2-page) .site-header,
body:has(.s2-page) .site-footer {
    display: none;
}