/* ============================================================================
   The Lasting Health — tokens + self-hosted faces
   (lah-theme 1.0.0, Stitch direction "B · Three Panels", picked 2026-11-12)
   Loaded first; main.css reads the --color-* / --font-size-* bridge below,
   lah.css reads the --pd-* tokens.
   ========================================================================= */

/* --- Faces: Barlow Condensed 500/600/700 for display headlines, section
       labels and UI; Noto Sans 400 / 400i / 600 / 700 for reading text.
       latin + latin-ext, Google Fonts css2 (Chrome UA). ------------------- */
/* latin-ext */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/barlow-condensed-500-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;
}
/* latin */
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/barlow-condensed-500-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;
}
/* latin-ext */
@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;
}
/* latin */
@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;
}
/* latin-ext */
@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;
}
/* latin */
@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;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/noto-sans-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;
}
/* latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/noto-sans-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 (Stitch "B · Three Panels", 2026-11-12): soft cloud ground,
       white cards, deep green #1E6B3C as the ONLY interactive hue; sage /
       pale sky / warm sand as panel backgrounds (never text); logo green
       #4CAF50 only as non-text rules; dark green footer.
       WCAG: #1E6B3C on #FFFFFF 6.4:1 · on #E7F1EA 5.6:1 · on #E8F0F5 5.6:1 ·
       on #F4EFE6 5.6:1 · #16211B on #F6F8F7 15.6:1 · #4A5A50 on #F6F8F7 6.6:1 ·
       #FFFFFF on #12301F 13.9:1 · #FFFFFF on #1E6B3C 6.4:1. */
    --pd-ground:        #F6F8F7;
    --pd-white:         #FFFFFF;
    --pd-deep:          #E3EAE6;   /* image placeholders */
    --pd-paper:         #E7F1EA;   /* sage panels: Healthy Choices panel, TOC, newsletter */
    --pd-warm:          #F4EFE6;   /* warm sand: Overall Well-Being panel */
    --pd-sky:           #E8F0F5;   /* pale sky: Medical Conditions panel */
    --pd-rule:          #D5DFD9;
    --pd-ink:           #16211B;   /* headlines, text on ivory/white */
    --pd-text:          #1B2620;
    --pd-meta:          #4A5A50;
    --pd-brand:         #1E6B3C;   /* deep green: links, buttons, kickers */
    --pd-brand-dark:    #155030;
    --pd-brand-tint:    #D6EADC;
    --pd-dot:           #4CAF50;   /* logo green: non-text rules & markers ONLY */
    --pd-navy:          #12301F;   /* footer */
    --pd-strip:         #1E6B3C;   /* top utility strip */
    --pd-on-ink:        #FFFFFF;
    --pd-on-ink-meta:   #C9D6CE;
    --pd-on-ink-accent: #9EDDB0;
    --pd-shadow:        0 1px 3px rgba(18, 48, 31, 0.06);

    /* --- Type ---------------------------------------------------------------- */
    --pd-display: 'Barlow Condensed', 'Arial Narrow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --pd-body:    'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --pd-ui:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --pd-size-body: clamp(1.0625rem, 1.02rem + 0.25vw, 1.1875rem);   /* 17–19px */
    --pd-lh-body:   1.7;
    --pd-lh-head:   1.08;
    --pd-title: clamp(2.125rem, 1.6rem + 2vw, 3rem);   /* article H1, capped 48px (condensed face) */
    --pd-h2:    clamp(1.625rem, 1.4rem + 0.9vw, 2rem);
    --pd-h3:    clamp(1.3125rem, 1.2rem + 0.5vw, 1.5625rem);
    --pd-label: 0.8125rem;

    /* --- Shape & metrics ------------------------------------------------------ */
    --pd-radius:    12px;
    --pd-radius-sm: 6px;
    --pd-board:     2px;
    --pd-page-max:  1280px;
    --pd-sidebar:   312px;
    --pd-gutter:    clamp(1rem, 3vw, 2rem);

    /* --- Bridge to main.css (do not restyle main.css) ------------------------- */
    --font-size-body-min: 1.0625rem;
    --font-size-body-max: 1.1875rem;
    --font-size-body-fluid: calc(1.01rem + 0.3vw);
    --font-size-h1-min: 2rem;
    --font-size-h1-max: 2.75rem;
    --font-size-h1-fluid: calc(1.5rem + 2vw);
    --font-size-h2-min: 1.5rem;
    --font-size-h2-max: 1.875rem;
    --font-size-h2-fluid: calc(1.3rem + 0.8vw);
    --font-size-h3-min: 1.25rem;
    --font-size-h3-max: 1.5rem;
    --font-size-h3-fluid: calc(1.15rem + 0.4vw);
    --font-size-h4-min: 1.0625rem;
    --font-size-h4-max: 1.1875rem;
    --font-size-h4-fluid: calc(1.02rem + 0.2vw);
    --font-size-h5-min: 1rem;
    --font-size-h5-max: 1.0625rem;
    --font-size-h5-fluid: calc(0.98rem + 0.15vw);
    --font-size-h6-min: 1rem;
    --font-size-h6-max: 1rem;
    --font-size-h6-fluid: 1rem;
    --line-height-body: 1.7;
    --line-height-heading: 1.08;
    --color-primary: #1E6B3C;
    --color-primary-hover: #155030;
    --color-heading: #16211B;
    --color-accent: #1E6B3C;
    --color-text-dark: #16211B;
    --color-text-medium: #4A5A50;
    --color-text-light: #4A5A50;
    --color-background: #F6F8F7;
    --color-background-light: #FFFFFF;
    --color-background-tint: #E7F1EA;
    --color-border: #D5DFD9;
    --color-border-soft: #D5DFD9;
    --color-footer-bg: #12301F;
    --color-error: #B42318;
    --color-warning: #8A5A00;
    --font-family-display: 'Barlow Condensed', 'Arial Narrow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --radius-sm: 4px;
    --radius-md: 12px;
    --radius-lg: 12px;
    --border-radius: 12px;
    --border-radius-lg: 12px;
    --content-max: 780px;
    --page-max: 1280px;
    --color-border-light: #D5DFD9;
    --color-footer-border: #2C4A38;
    --color-footer-text: #FFFFFF;
    --color-copyright: #D5DFD9;
    --color-facebook: #1E6B3C; --color-facebook-hover: #155030;
    --color-twitter: #1E6B3C; --color-twitter-hover: #155030;
    --color-pinterest: #1E6B3C; --color-pinterest-hover: #155030;
    --color-linkedin: #1E6B3C; --color-linkedin-hover: #155030;
    --color-error-bg: #F9E3E0; --color-error-text: #8A1C12;
    --color-warning-bg: #F6EBD2; --color-warning-text: #6B4600;
    --font-primary: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-heading: 'Barlow Condensed', 'Arial Narrow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}