/* ============================================================================
   Wipe and Organize — tokens + self-hosted faces
   "Floor plan" (house-design.md override, Stitch direction A; project
   11220690664432910925, design system assets/9827724430850331764, 2026-10-05).
   Blueprint-white ground, drafting-blue linework, white sheets, hairlines.
   Loads FIRST, before main.css and wao.css.
   ========================================================================= */

/* --- Faces: Geist (display + UI, 400–800), Noto Serif (reading text,
   400–700 + italic). latin + latin-ext each. */
@font-face {
    font-family: 'Geist';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/geist-400-800-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Geist';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/geist-400-800-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: 'Noto Serif';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/noto-serif-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/noto-serif-400-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: 'Noto Serif';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/noto-serif-italic-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/noto-serif-italic-400-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 (WCAG contrast, measured 2026-10-05) ------------------------
       blue (#1565C0) on white 5.75 · on ground 5.45 · on room tint 5.04;
       white on blue 5.75 (buttons, solid tabs)
       ink on ground 14.8 · meta (#4A5565) on ground 7.2
       The logo blue #1F81FA is 3.8 on white: graphic and tint use only. */
    --wo-ground:      #F7F9FC;   /* blueprint white */
    --wo-sheet:       #FFFFFF;
    --wo-grid:        #E3EBF5;   /* drafting grid lines */
    --wo-tint:        #E8F1FD;   /* room fill on hover, Do-style tint */
    --wo-rule:        #D5DFEB;
    --wo-rule-strong: #A9BCD3;
    --wo-ink:         #1B2430;
    --wo-meta:        #4A5565;
    --wo-blue:        #1565C0;   /* the one accent: links, buttons, linework */
    --wo-blue-dark:   #0F4C96;
    --wo-on-blue:     #FFFFFF;
    --wo-logo-blue:   #1F81FA;   /* tint/graphic only */

    /* --- Type ---------------------------------------------------------------- */
    --wo-display: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --wo-ui:      'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --wo-text:    'Noto Serif', Georgia, Cambria, 'Times New Roman', serif;
    --wo-size-body: clamp(1.0625rem, 1.02rem + 0.25vw, 1.1875rem);   /* 17–19px */
    --wo-lh-body:   1.75;
    --wo-lh-head:   1.14;
    --wo-title: clamp(2rem, 1.5rem + 1.6vw, 2.75rem);   /* article + archive H1, capped 44px */
    --wo-h2:    clamp(1.5rem, 1.3rem + 0.7vw, 1.875rem);
    --wo-h3:    clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);

    /* --- Shape & metrics ------------------------------------------------------ */
    --wo-radius:    4px;
    --wo-page-max:  1240px;
    --wo-sidebar:   304px;
    --wo-side-gap:  2rem;
    --wo-gutter:    clamp(1rem, 3vw, 2rem);
    --wo-cell:      24px;          /* drafting grid unit */
    --wo-tap:       44px;

    /* --- 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.02rem + 0.25vw);
    --font-size-h1-min: 2rem;
    --font-size-h1-max: 2.75rem;
    --font-size-h1-fluid: calc(1.5rem + 1.6vw);
    --font-size-h2-min: 1.5rem;
    --font-size-h2-max: 1.875rem;
    --font-size-h2-fluid: calc(1.3rem + 0.7vw);
    --font-size-h3-min: 1.2rem;
    --font-size-h3-max: 1.4rem;
    --font-size-h3-fluid: calc(1.1rem + 0.4vw);
    --font-size-h4-min: 1.125rem;
    --font-size-h4-max: 1.25rem;
    --font-size-h4-fluid: calc(1.05rem + 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.75;
    --line-height-heading: 1.14;
    --color-primary: #1565C0;
    --color-primary-hover: #0F4C96;
    --color-heading: #1B2430;
    --color-accent: #1565C0;
    --color-text-dark: #1B2430;
    --color-text-medium: #4A5565;
    --color-text-light: #4A5565;
    --color-background: #F7F9FC;
    --color-background-light: #FFFFFF;
    --color-background-tint: #E8F1FD;
    --color-border: #D5DFEB;
    --color-border-soft: #E3EBF5;
    --color-footer-bg: #FFFFFF;
    --color-error: #B42318;
    --color-warning: #8A5A00;
    --font-family-display: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-body: 'Noto Serif', Georgia, Cambria, 'Times New Roman', serif;
    --font-family: 'Noto Serif', Georgia, Cambria, 'Times New Roman', serif;
    --radius-sm: 4px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --border-radius: 4px;
    --border-radius-lg: 6px;
    --content-max: 780px;
    --page-max: 1240px;
    --color-border-light: #D5DFEB;
    --color-footer-border: #D5DFEB;
    --color-footer-text: #1B2430;
    --color-copyright: #4A5565;
    --color-facebook: #1B2430; --color-facebook-hover: #1565C0;
    --color-twitter: #1B2430; --color-twitter-hover: #1565C0;
    --color-pinterest: #1B2430; --color-pinterest-hover: #1565C0;
    --color-linkedin: #1B2430; --color-linkedin-hover: #1565C0;
    --color-error-bg: #F9E3E8; --color-error-text: #8A1C12;
    --color-warning-bg: #F6EBD2; --color-warning-text: #6B4600;
    --font-primary: 'Noto Serif', Georgia, Cambria, 'Times New Roman', serif;
    --font-heading: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}