/* Bridge Healthcare — static preview */

/* Inter — self-hosted (latin + vietnamese) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/inter-vietnamese-300.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../font/inter-latin-300.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: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/inter-vietnamese-400.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/inter-latin-400.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: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/inter-vietnamese-500.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../font/inter-latin-500.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: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/inter-vietnamese-600.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/inter-latin-600.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: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/inter-vietnamese-700.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/inter-latin-700.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 {
  --canvas: #f8fafb;
  --ink: #0c2340;
  --accent: #1a9d6f;
  --accent-muted: #22b07d;
  --navy: #0a3d6e;
  --navy-deep: #062847;
  --nav-link: var(--navy-deep);
  --surface: #ffffff;
  --muted: #5a7184;
  --radius: 12px;
  --font: "Inter", system-ui, -apple-system, sans-serif;
  --max-w: 90rem;
  --header-offset: calc(var(--top-bar-height) + var(--nav-bar-height));
  --nav-bar-height: 3.5rem;
  --top-bar-height: 2.375rem;
  --page-gutter: clamp(1.25rem, 5vw, 1.5rem);

  /* Typography scale — 3 standardized tiers for body copy */
  --text-body: 1rem; /* primary prose: paragraphs, leads, summaries */
  --text-small: 0.875rem; /* secondary: card copy, meta, notes */
  --text-caption: 0.75rem; /* labels: eyebrows, nav-adjacent UI */
  --text-label: 0.6875rem;
  --text-micro: 0.625rem;

  /* Display / heading scale */
  --text-display: clamp(2.25rem, 5.5vw, 3.75rem);
  --text-hero: clamp(2rem, 4.5vw, 2.75rem);
  --text-section: clamp(1.875rem, 4vw, 2.25rem);
  --text-card-title: 1.125rem;
  --text-subsection: clamp(1.5rem, 3vw, 1.875rem);
  --text-product-hero: clamp(2rem, 5vw, 3rem);
  --text-article-title: clamp(1.75rem, 4.5vw, 2.75rem);

  /* Legacy aliases — all map to standard tiers */
  --text-body-lg: var(--text-body);
  --text-body-md: var(--text-body);
  --text-lead: var(--text-body);
  --text-meta: var(--text-small);
  --leading-display: 1.08;
  --leading-title: 1.15;
  --leading-body: 1.7;
  --leading-body-tight: 1.6;
  --leading-base: 1.5;
  --tracking-eyebrow: 0.25em;
  --tracking-nav: 0.14em;
  --tracking-logo-primary: 0.18em;
  --tracking-logo-secondary: 0.22em;
  --tracking-btn: 0.06em;
  --tracking-footer-label: 0.2em;
  --tracking-title: -0.02em;
}

@media (min-width: 1024px) {
  :root {
    --page-gutter: 2.5rem;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #061525;
    --ink: #e8f0f5;
    --surface: #0c2340;
    --muted: #8fa8bc;
    --navy: #1a5a8a;
    --navy-deep: #041220;
    --nav-link: var(--ink);
  }
}