/* ============================================================================
   Zodiac Oracle — tokens + self-hosted faces
   "Star chart" (house-design.md override, direction B; Stitch project
   4476501571477903799, design system assets/8913293452773644338,
   2026-09-30). A dark night sky: the featured stories are stars joined by
   thin gold lines, titles in solid panels beside each star (never on imagery).
   Loads FIRST, before main.css and zo.css.
   ========================================================================= */

/* --- Faces: Marcellus (display, 400 only) + Jost (400–700, italic 400);
       latin + latin-ext each. */
@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/marcellus-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: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/marcellus-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: 'Jost';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/jost-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: 'Jost';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/jost-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: 'Jost';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jost-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Jost';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jost-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;
}

:root {
    color-scheme: dark;

    /* --- Star chart palette (WCAG, measured 2026-09-30)
       text      #EDE6D6 on night 15.1 · panel 13.6 · raised 12.4
       meta      #B7B3C9 on night  9.2 · panel  8.3 · raised  7.5
       gold      #E0B25C on night  9.6 · panel  8.6 · raised  7.8
       link      #A9B8FF on night  9.8 · panel  8.9 · raised  8.0
       dim       #8E8AA6 on night  5.7 · panel  5.1 (captions only)
       night on gold (button) 9.6 */
    --zo-night:       #0E1024;
    --zo-panel:       #171A36;
    --zo-raised:      #1E2244;
    --zo-deep:        #0A0C1C;
    --zo-rule:        #2A2E55;
    --zo-rule-strong: #3B4072;
    --zo-text:        #EDE6D6;
    --zo-meta:        #B7B3C9;
    --zo-dim:         #8E8AA6;
    --zo-gold:        #E0B25C;
    --zo-gold-soft:   rgba(224, 178, 92, .45);
    --zo-link:        #A9B8FF;
    --zo-link-hover:  #CBD5FF;

    --zo-display: 'Marcellus', 'Palatino Linotype', Georgia, serif;
    --zo-ui:      'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

    --zo-size-body:  1.1875rem;   /* 19px */
    --zo-size-meta:  0.8125rem;
    --zo-lh-body:    1.75;
    --zo-track-meta: 0.14em;
    --zo-h1:     clamp(2.125rem, 1.6rem + 1.9vw, 3.25rem);
    --zo-h2:     clamp(1.5rem, 1.25rem + 0.9vw, 2rem);
    --zo-h3:     clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);

    --zo-radius-sm: 4px;
    --zo-radius:    8px;
    --zo-radius-lg: 12px;
    --zo-page-max:  1200px;
    --zo-content-max: 760px;
    --zo-sidebar:   304px;
    --zo-side-gap:  2.5rem;
    --zo-gutter:    clamp(1rem, 3vw, 2.5rem);
    --zo-tap:       44px;
    --zo-nav-tap:   48px;

    /* --- 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.05rem + 0.3vw);
    --font-size-h1-min: 2.125rem;
    --font-size-h1-max: 3.125rem;
    --font-size-h1-fluid: calc(1.6rem + 1.9vw);
    --font-size-h2-min: 1.5rem;
    --font-size-h2-max: 1.9375rem;
    --font-size-h2-fluid: calc(1.25rem + 0.9vw);
    --font-size-h3-min: 1.25rem;
    --font-size-h3-max: 1.5rem;
    --font-size-h3-fluid: calc(1.1rem + 0.5vw);
    --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.7;
    --line-height-heading: 1.12;

    --color-primary: #A9B8FF;
    --color-primary-hover: #CBD5FF;
    --color-heading: #EDE6D6;
    --color-accent: #E0B25C;
    --color-text-dark: #EDE6D6;
    --color-text-medium: #B7B3C9;
    --color-text-light: #B7B3C9;
    --color-background: #0E1024;
    --color-background-light: #171A36;
    --color-background-tint: #1E2244;
    --color-border: #2A2E55;
    --color-border-soft: #2A2E55;
    --color-footer-bg: #0A0C1C;
    --color-error: #F2A7A7;
    --color-warning: #8A5A00;

    --font-family-display: 'Marcellus', 'Palatino Linotype', Georgia, serif;
    --font-family-body: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-heading: 'Marcellus', 'Palatino Linotype', Georgia, serif;

    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --border-radius: 4px;
    --border-radius-lg: 6px;
    --content-max: 760px;
    --page-max: 1200px;
    --color-border-light: #2A2E55;
    --color-footer-border: #2A2E55;
    --color-footer-text: #EDE6D6;
    --color-copyright: #B7B3C9;
    --color-facebook: #EDE6D6; --color-facebook-hover: #A9B8FF;
    --color-twitter: #EDE6D6; --color-twitter-hover: #A9B8FF;
    --color-pinterest: #EDE6D6; --color-pinterest-hover: #A9B8FF;
    --color-linkedin: #EDE6D6; --color-linkedin-hover: #A9B8FF;
    --color-error-bg: #3A1C28; --color-error-text: #F6C9C9;
    --color-warning-bg: #3A3016; --color-warning-text: #F3DCA2;
}