@import url("/styles/fonts.css");

/*
 * Keep the shared shell independent from page-local design tokens. Several
 * older pages predate the current token set; scoping canonical values here
 * prevents their headers and footers from silently inheriting missing or
 * incompatible custom properties.
 */
[data-site-shell-header],
[data-site-shell-footer] {
    --brand-purple-dark: #4c1d95;
    --brand-purple: #7c3aed;
    --brand-purple-bright: #7c3aed;
    --brand-purple-light: #ede9fe;
    --brand-yellow: #fdb913;
    --brand-dark: #111827;
    --brand-light: #f9fafb;
    --text-primary: #1f2937;
    --text-secondary: #374151;
    --border-color: #d1d5db;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Shared behavior needed by the canonical header/footer on legacy layouts. */
[data-site-shell-header] #mobile-menu.is-open {
    display: block !important;
}

body[data-site-shell-added] {
    display: grid !important;
    grid-template-rows: auto 1fr auto;
    align-items: stretch !important;
    justify-content: stretch !important;
    min-height: 100vh !important;
    height: auto !important;
    padding: 0 !important;
}

body[data-site-shell-added] > main {
    align-self: center;
    justify-self: center;
    margin: 2rem auto;
}