/* Design tokens — the single source of truth for the Haven Montessori brand.
 *
 * Contrast notes (WCAG AA on white):
 *   --color-primary #006bb7  ≈5.0:1  → OK for text, buttons, links
 *   --color-ink     #12314b  ≈13:1   → body text
 *   --color-accent  #5d9eef  ≈2.9:1  → decorative / large text ONLY, never body text
 *   --color-muted   #7992bc  ≈2.9:1  → borders and decoration ONLY, never text
 */

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/nunito-700-latin.166202cc391c.woff2") format("woff2");
}

@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/nunito-800-latin.166202cc391c.woff2") format("woff2");
}

/* Wordmark only — a condensed schoolbook serif echoing the seal's lettering. */
@font-face {
    font-family: "Roboto Serif";
    font-style: normal;
    font-weight: 700;
    font-stretch: 75%;
    font-display: swap;
    src: url("../fonts/robotoserif-condensed-700-latin.faa3d4ed75c2.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/inter-400-latin.260c81a4759b.woff2") format("woff2");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/inter-600-latin.260c81a4759b.woff2") format("woff2");
}

:root {
    /* Brand palette */
    --color-seal: #1b75bb; /* the blue of the seal artwork — wordmark only */
    --color-primary: #006bb7;
    --color-primary-dark: #005694;
    --color-accent: #5d9eef;
    --color-tint: #dff1ff;
    --color-muted: #7992bc;
    --color-ink: #12314b;
    --color-bg: #ffffff;

    /* Type */
    --font-display: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;
    --font-wordmark: "Roboto Serif", "Century Schoolbook", Georgia, serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.1875rem;
    --text-xl: clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);
    --text-2xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
    --text-hero: clamp(2.375rem, 1.6rem + 4vw, 4.25rem);

    /* Space (4px base) */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;

    /* Shape and layout */
    --radius-card: 1.25rem;
    --radius-pill: 999px;
    --measure: 42rem;
    --page-max: 72rem;
    --shadow-card: 0 2px 4px rgb(18 49 75 / 0.06), 0 12px 32px rgb(18 49 75 / 0.08);

    --focus-ring: 3px solid var(--color-primary);
}