/**
 * Shared typography — Surrey Cycling Club Ride Request
 * Use on every page so font family, weights, and sizing stay consistent.
 */
@import url("https://use.typekit.net/gbs5lmx.css");

:root {
    --font-sans: "mic-32-new-web", Georgia, "Times New Roman", serif;
    --scc-yellow: #fae600;
    --scc-yellow-deep: #e6d100;
    --scc-navy: #0b1f33;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
}

html {
    font-family: var(--font-sans);
}

body {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
button, input, select, textarea {
    font-family: inherit;
}

/* Shared header inherits the same face */
.scc-header,
.scc-header-brand h1,
.scc-header-link,
.scc-header-btn,
.scc-header-user {
    font-family: var(--font-sans);
}