/* ============================================================================
   Sănătate Curată — tokens + self-hosted faces
   "Fișa" (direction B, Stitch project 12767624016466195039, design system
   assets/4834705865039516946, 2026-09-30). A calm clinical health index:
   white record cards on a pale teal-grey ground, a search-first front page,
   an A–Z index, dense index rows. Romanian UI, older readers in mind:
   body 18px+, line-height 1.7, 44px targets.
   Loads FIRST, before main.css (master claude-theme) and sc.css.
   ========================================================================= */

/* --- Faces (self-hosted, latin + latin-ext; ă â î ș ț verified in latin-ext) --- */
@font-face {
    font-family: 'Epilogue';
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    src: url('../fonts/epilogue-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: 'Epilogue';
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    src: url('../fonts/epilogue-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: 'Open Sans';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/opensans-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: 'Open Sans';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/opensans-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: 'Open Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/opensans-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: 'Open Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/opensans-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 (contrast measured, WCAG) ------------------------------------
       ink   on ground 15.1 · white 16.1 · panel 13.9
       meta  on ground  6.7 · white  7.2 · panel  6.2
       teal  on ground  5.7 · white  6.1 · panel  5.2 · white on teal 6.1
       coral-text on urgent 5.4 · coral #C2410C is borders/icons only. */
    --sc-ground:     #F5F8F8;   /* page ground */
    --sc-card:       #FFFFFF;   /* record cards, reading column */
    --sc-panel:      #E3F1EF;   /* finder hero, TOC head, tints */
    --sc-rule:       #D5E0E0;   /* hairlines */
    --sc-rule-strong:#B7C7C7;   /* form borders */
    --sc-ink:        #14232A;   /* headings, body */
    --sc-meta:       #4A5A60;   /* meta, labels */
    --sc-teal:       #0E6E6A;   /* links, buttons, focus */
    --sc-teal-dark:  #0A5451;   /* hover */
    --sc-on-teal:    #FFFFFF;
    --sc-muted-letter:#9AA8AD;  /* A–Z tiles with no articles (not a link) */
    --sc-coral:      #C2410C;   /* urgent panel border + icon only */
    --sc-coral-text: #B23A0B;   /* urgent panel heading, 5.4:1 */
    --sc-urgent:     #FDF1EC;   /* urgent panel ground */
    --sc-shadow:     0 1px 2px rgba(20,35,42,.06), 0 4px 16px -8px rgba(20,35,42,.18);

    /* --- Type ------------------------------------------------------------------ */
    --sc-display: 'Epilogue', 'Segoe UI', Roboto, Arial, sans-serif;
    --sc-text:    'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --sc-ui:      'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

    --sc-size-body: clamp(1.125rem, 1.09rem + 0.15vw, 1.1875rem);   /* 18–19px */
    --sc-size-meta: 0.8125rem;
    --sc-lh-body:   1.7;
    --sc-lh-head:   1.15;
    --sc-track-meta: 0.06em;

    --sc-h1:    clamp(2rem, 1.55rem + 1.6vw, 2.875rem);
    --sc-title: clamp(1.875rem, 1.45rem + 1.5vw, 2.625rem);
    --sc-h2:    clamp(1.4375rem, 1.25rem + 0.75vw, 1.875rem);
    --sc-h3:    clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);

    /* --- Shape & metrics --------------------------------------------------------- */
    --sc-radius-sm: 6px;
    --sc-radius:    8px;
    --sc-radius-lg: 12px;
    --sc-page-max:  1200px;
    --sc-content-max: 760px;
    --sc-sidebar:   300px;
    --sc-side-gap:  2.25rem;
    --sc-gutter:    clamp(1rem, 3vw, 2.5rem);
    --sc-grid-gap:  clamp(1rem, 2.2vw, 1.75rem);
    --sc-tap:       44px;
    --sc-nav-tap:   48px;

    /* --- Bridge to main.css (master claude-theme; do not restyle main.css) ------- */
    --font-size-body-min: 1.125rem;
    --font-size-body-max: 1.1875rem;
    --font-size-body-fluid: calc(1.09rem + 0.15vw);
    --font-size-h1-min: 2rem;      --font-size-h1-max: 2.875rem;   --font-size-h1-fluid: calc(1.55rem + 1.6vw);
    --font-size-h2-min: 1.4375rem; --font-size-h2-max: 1.875rem;   --font-size-h2-fluid: calc(1.25rem + 0.75vw);
    --font-size-h3-min: 1.1875rem; --font-size-h3-max: 1.375rem;   --font-size-h3-fluid: calc(1.1rem + 0.35vw);
    --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.1vw);
    --font-size-h6-min: 1rem;      --font-size-h6-max: 1rem;       --font-size-h6-fluid: 1rem;
    --line-height-body: 1.7;
    --line-height-heading: 1.15;

    --color-primary: #0E6E6A;
    --color-primary-hover: #0A5451;
    --color-heading: #14232A;
    --color-accent: #0E6E6A;
    --color-text-dark: #14232A;
    --color-text-medium: #4A5A60;
    --color-text-light: #4A5A60;
    --color-background: #F5F8F8;
    --color-background-light: #FFFFFF;
    --color-background-tint: #E3F1EF;
    --color-border: #D5E0E0;
    --color-border-soft: #D5E0E0;
    --color-footer-bg: #F5F8F8;
    --color-error: #B23A0B;
    --color-warning: #8A5A00;

    --font-family-display: 'Epilogue', 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-heading: 'Epilogue', 'Segoe UI', Roboto, Arial, sans-serif;
    --color-border-light: #E6EEEE;
    --color-copyright: #4A5A60;
    --color-footer-border: #D5E0E0;
    --color-primary-rgb: 14, 110, 106;
    --color-facebook: #1877F2; --color-facebook-hover: #0F5FCC;
    --color-twitter: #14171A;  --color-twitter-hover: #000000;
    --color-linkedin: #0A66C2; --color-linkedin-hover: #084E96;
    --color-pinterest: #BD081C; --color-pinterest-hover: #8F0615;
}