/* ============================================================================
   Frugal Americans — tokens + self-hosted faces (fga-theme, "Aisles")
   Loaded first; main.css reads the --color-* / --font-size-* bridge below,
   fga.css reads the --tp-* tokens.
   ========================================================================= */

/* --- Faces: Barlow Condensed (display 600/700) and Barlow (text 400/600/700 +
       400 italic). Static weights, latin + latin-ext, downloaded from Google
       Fonts css2 2026-10-08. ------------------------------------------------ */
@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/barlow-400-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/barlow-400-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/barlow-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/barlow-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/barlow-600-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/barlow-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/barlow-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/barlow-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/barlow-condensed-600-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/barlow-condensed-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/barlow-condensed-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/barlow-condensed-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    color-scheme: light;
    /* --- Palette: the site's own navy + red, kept (user, 2026-10-08).
       WCAG: #C0392B on #FFFFFF 5.44 · #C0392B on #F3F4F6 4.94 · #FFFFFF on #C0392B 5.44 · #1E2A3A on #F3F4F6 13.18 · #4A5568 on #FFFFFF 7.53 · #4A5568 on #F3F4F6 6.84 · #FFFFFF on #1E2A3A 14.51 · #C3CCD8 on #1E2A3A 8.95 · #A5311F on #FFFFFF 6.87 · #F2A79E on #1E2A3A 7.46
       Red is the one action hue (links, buttons, shelf edges); navy is the
       masthead, aisle signs and footer. Red text never sits on navy. */
    --tp-paper:      #FFFFFF;   /* page ground */
    --tp-tint:       #F3F4F6;   /* the shelf: card bands, boxes, archive head */
    --tp-soft:       #F3F4F6;
    --tp-rule:       #E2E8F0;   /* hairlines, card borders */
    --tp-rule-ink:   #1E2A3A;
    --tp-ink:        #1E2A3A;   /* text = the brand navy */
    --tp-meta:       #4A5568;
    --tp-brick:      #C0392B;   /* the one action hue (token name kept from the fork): links, buttons, shelf edge */
    --tp-brick-dark: #A5311F;
    --tp-on-brick:   #FFFFFF;
    --tp-navy:       #1E2A3A;   /* masthead, aisle signs, footer */
    --tp-navy-deep:  #162230;
    --tp-on-navy:    #FFFFFF;
    --tp-on-navy-meta: #C3CCD8;
    --tp-on-navy-accent: #F2A79E; /* a light red for small marks on navy (aisle numbers), never body text */

    /* --- Type ---------------------------------------------------------------- */
    --tp-display: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
    --tp-text:    'Barlow', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --tp-size-body: clamp(1.125rem, 1.08rem + 0.25vw, 1.25rem);   /* 18–20px: Barlow sets small */
    --tp-lh-body:   1.7;
    --tp-lh-head:   1.08;
    --tp-title: clamp(2.125rem, 1.6rem + 1.7vw, 3rem);   /* article + archive H1, capped 48px (condensed) */
    --tp-h2:    clamp(1.625rem, 1.42rem + 0.8vw, 2.125rem);
    --tp-h3:    clamp(1.3125rem, 1.2rem + 0.45vw, 1.5625rem);

    /* --- Shape & metrics ------------------------------------------------------ */
    --tp-radius:    4px;
    --tp-page-max:  1280px;
    --tp-sidebar:   304px;
    --tp-side-gap:  2rem;
    --tp-gutter:    clamp(1rem, 3vw, 2rem);

    /* --- Bridge to main.css (do not restyle main.css) ------------------------- */
    --font-size-body-min: 1.125rem;
    --font-size-body-max: 1.25rem;
    --font-size-body-fluid: calc(1.08rem + 0.25vw);
    --font-size-h1-min: 2.125rem;
    --font-size-h1-max: 3rem;
    --font-size-h1-fluid: calc(1.6rem + 1.7vw);
    --font-size-h2-min: 1.625rem;
    --font-size-h2-max: 2.125rem;
    --font-size-h2-fluid: calc(1.42rem + 0.8vw);
    --font-size-h3-min: 1.3125rem;
    --font-size-h3-max: 1.5625rem;
    --font-size-h3-fluid: calc(1.2rem + 0.45vw);
    --font-size-h4-min: 1.15rem;
    --font-size-h4-max: 1.3rem;
    --font-size-h4-fluid: calc(1.08rem + 0.3vw);
    --font-size-h5-min: 1.0625rem;
    --font-size-h5-max: 1.125rem;
    --font-size-h5-fluid: calc(1rem + 0.2vw);
    --font-size-h6-min: 1rem;
    --font-size-h6-max: 1.0625rem;
    --font-size-h6-fluid: calc(0.96rem + 0.12vw);
    --line-height-body: 1.7;
    --line-height-heading: 1.08;
    --color-primary: #C0392B;
    --color-primary-hover: #A5311F;
    --color-heading: #1E2A3A;
    --color-accent: #C0392B;
    --color-text-dark: #1E2A3A;
    --color-text-medium: #4A5568;
    --color-text-light: #4A5568;
    --color-background: #FFFFFF;
    --color-background-light: #F3F4F6;
    --color-background-tint: #F3F4F6;
    --color-border: #E2E8F0;
    --color-border-soft: #E2E8F0;
    --color-footer-bg: #1E2A3A;
    --color-error: #B42318;
    --color-warning: #8A5A00;
    --font-family-display: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
    --font-family-body: 'Barlow', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-family: 'Barlow', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --radius-sm: 4px;
    --radius-md: 4px;
    --radius-lg: 4px;
    --border-radius: 4px;
    --border-radius-lg: 4px;
    --content-max: 760px;
    --page-max: 1280px;
    --color-border-light: #E2E8F0;
    --color-footer-border: #162230;
    --color-footer-text: #FFFFFF;
    --color-copyright: #C3CCD8;
    --color-facebook: #1E2A3A; --color-facebook-hover: #C0392B;
    --color-twitter: #1E2A3A; --color-twitter-hover: #C0392B;
    --color-pinterest: #1E2A3A; --color-pinterest-hover: #C0392B;
    --color-linkedin: #1E2A3A; --color-linkedin-hover: #C0392B;
    --color-error-bg: #F9E3E0; --color-error-text: #8A1C12;
    --color-warning-bg: #F6EBD2; --color-warning-text: #6B4600;
    --font-primary: 'Barlow', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --font-heading: 'Barlow Condensed', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
}