/* fonts1x.css — shared typography base for ALL shells (desktop via index1x.css;
   auth, legacy-mobile, and Vue-mobile shells link it directly). Loads after
   style.css so its body/heading rules win over the Inspinia defaults.
   Gotham Office ships only 400 + 700 (and italics) — weights 500/600 resolve
   to 700 under CSS font matching; never reference other weights. */

@font-face {
    font-family: 'Gotham Office';
    src: url('../fonts/GothamOffice-Regular_Web.woff2') format('woff2'),
    url('../fonts/GothamOffice-Regular_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('../fonts/GothamOffice-Italic_Web.woff2') format('woff2'),
    url('../fonts/GothamOffice-Italic_Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('../fonts/GothamOffice-Bold_Web.woff2') format('woff2'),
    url('../fonts/GothamOffice-Bold_Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Office';
    src: url('../fonts/GothamOffice-BoldItalic_Web.woff2') format('woff2'),
    url('../fonts/GothamOffice-BoldItalic_Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Org theme presets may override these later the same way they do the
       --orange family; everything downstream must go through the vars. */
    --font-heading: 'Gotham Office', 'Lato', 'Mulish', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Lato', 'Mulish', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

body {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.5;
    /* Inspinia's #676a6c grey-on-grey ink is a big part of the dated look;
       near-black body text is the skill's readability baseline. Elements
       that set their own muted color are unaffected. */
    color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
}

/* Inspinia sets h1..h6 to font-weight 100 and only rescues h3-h5 (600). */
h1, h2, h6 {
    font-weight: 700;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

/* Gotham on buttons, but no blanket uppercase: uppercase widens the small
   in-table pill buttons (sport/program dropdowns on Manage Athletes) enough
   to truncate adjacent columns. Page-level CSS uppercases the big CTAs. */
.btn {
    font-family: var(--font-heading);
}