/* Site-wide typography standard. Single source of truth for the typeface, type
   scale, and page container/gutter — every screen inherits these via the CSS
   variables below instead of declaring its own font-family/sizes/widths.
   Self-hosted (no Google Fonts CDN): Inter Variable, split into the two Unicode-range
   subsets that between them cover Azerbaijani text — "latin" (U+0000-00FF: base Latin
   + Latin-1 Supplement, gives ö/Ö ü/Ü ç/Ç) and "latin-ext" (U+0100-02BA: Latin
   Extended-A/B, gives ğ/Ğ ı/İ ş/Ş and — critically — ə/Ə, U+0259/U+018F, which sit
   outside the Latin-1 block most "just add Turkish support" font subsets stop at).
   Verified by rendering a page with əğıöşüçĞ and confirming no fallback-font glyphs. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin-variable.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, 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: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin-ext-variable.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1EFF;
}

:root {
  /* --- Typeface --- */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* --- Type scale --- */
  --text-page-title: 600 22px/1.25 var(--font-sans);
  --text-section-title: 600 15px/1.3 var(--font-sans);
  --text-eyebrow: 700 11px/1.3 var(--font-sans);
  --eyebrow-letter-spacing: .08em;
  --text-field-label: 700 11px/1.3 var(--font-sans);
  --field-label-letter-spacing: .04em;
  --text-control: 400 13px/1.4 var(--font-sans);
  --text-table-header: 700 11px/1.3 var(--font-sans);
  --table-header-letter-spacing: .04em;
  --text-table-body: 400 13px/1.5 var(--font-sans);
  --text-button: 600 13px/1.2 var(--font-sans);

  /* --- Vertical rhythm --- */
  --control-height: 37px;
  --table-row-height: 40px;

  /* --- Shared page container --- */
  --page-max-width: 1760px;
  --page-gutter: clamp(20px, 2.4vw, 56px);
}

html, body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.45;
}
body, input, select, textarea, button {
  font-family: inherit;
}
/* Low-specificity baseline so a plain <button>/<input>/<select>/<textarea> matches the
   shared scale by default — any module class (e.g. .pay-btn, .catalog-search) still wins
   over these bare type selectors and can deviate intentionally. */
input, select, textarea {
  font: var(--text-control);
}
button {
  font: var(--text-button);
}

/* Full-screen module pages: stronger breadcrumb contrast/weight than each
   page's own local breadcrumb rule. Folded in from the former
   module-readability.css (single hidden injected layer, deleted) — same
   guard, same values, no behavior change. */
@supports selector(body:has(*)) {
  body:has(> header.shared-navbar.shared-navbar-module-page) :is(.module-breadcrumb, .crumb) {
    color: #526f84;
    font-size: 14px;
    font-weight: 700;
  }
}