/* ============================================================
   BeeCore Typography System — 2026-09 (v30 override layer)

   Loaded LAST in /var/www/beecore/index.html, after
   index-C948zvvH-v25.css / sidebar-shell-v28.css /
   models-layout-fix-v29.css.

   NOTE: several product pages inject their own <style> at
   runtime AFTER the static stylesheets. To guarantee the
   tokens win regardless of source order, selectors for those
   runtime-styled regions are prefixed with `.bc-app .bc-content`
   (their real DOM ancestors), which raises specificity above the
   injected component rules.

   Tokens (single source of truth):
     Page Title    30px / 38px / 700
     Section Title 16px / 24px / 600
     Body          14px / 22px / 400
     Secondary     13px / 20px / 400
     Sidebar Item  14px / 20px / 500   (active = inactive weight)
     Group Title   11px / 16px / 600   ls .04-.06em
     Top Nav       14px / 20px / 500
     Button        14px / 20px / 500
     Form Label    13px / 20px / 500
     Table Header  12px / 18px / 600
     Table Body    14px / 20px / 400

   Scoped overrides only. No layout / shell geometry / color /
   spacing redesign. Monospace is intentionally untouched.
   ============================================================ */

:root {
  --bc-typo-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                  "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
                  "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --bc-typo-mono: ui-monospace, SFMono-Regular, Menlo, Consolas,
                  "Liberation Mono", monospace;

  /* Feed the shared sidebar-shell variables (sidebar-shell-v28.css) */
  --bc-sidebar-item-font-size: 14px;
  --bc-sidebar-section-font-size: 11px;
}

/* ---------- Surface font family (no wildcard reset) ---------- */
.bc-app,
.bc-body,
.bc-main,
.bc-content,
.db-page,
.go-wrap,
.go-main,
.rk-page,
.rk-shell,
.by2-page,
.by2-main,
.usage2-page,
.usage2-shell,
.lg2-page,
.rt2-page,
.dp-page,
.mc-main,
.mc-header,
.ocr-chat,
.ocr-main,
.gs-page,
.user-support {
  font-family: var(--bc-typo-sans);
}

/* ============================================================
   1. Sidebar
   ============================================================ */
.bc-sidebar,
.bc-sidebar-nav,
.bc-nav-group,
.bc-nav-item,
.bc-nav-group-title,
.ocr-side,
.ocr-conv-item-title {
  font-family: var(--bc-typo-sans);
}

/* Sidebar item: 14 / 20 / 500 — active uses tint + indicator, NOT extra weight */
.bc-sidebar .bc-nav-item,
.bc-nav-item,
.bc-nav-item.bc-nav-active {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

/* Sidebar group title: 11 / 16 / 600 */
.bc-sidebar .bc-nav-group-title,
.bc-nav-group-title {
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* Chat left panel */
.ocr-side-title { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.05em; }
.ocr-conv-item-title { font-size: 14px; line-height: 20px; font-weight: 500; }
.ocr-topbar-title { font-size: 14px; line-height: 20px; font-weight: 500; }

/* ============================================================
   2. Top navigation: 14 / 20 / 500
   ============================================================ */
.bc-topnav,
.bc-topnav-inner {
  font-family: var(--bc-typo-sans);
}
.bc-topnav-link,
.bc-topnav-link.bc-topnav-link-active {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

/* ============================================================
   3. Page titles: 30 / 38 / 700
   (Overview · Models · Chat · Rankings · Apps · Docs · Keys ·
    Providers · Routing · Usage · Logs · Billing · Settings ·
    Getting Started · Support)
   Prefixes `.bc-app .bc-content` raise specificity above the
   runtime-injected component stylesheets.
   ============================================================ */
.bc-app .bc-content .go-head h1,
.bc-app .bc-content .mc-header h1,
.bc-app .bc-content .rk-head h1,
.bc-app .bc-content .by2-head h1,
.bc-app .bc-content .rt2-page .rt2-title,
.bc-app .bc-content .usage2-page .usage2-title,
.bc-app .bc-content .lg2-page .lg2-title,
.bc-app .bc-content .dp-title,
.bc-app .bc-content .ob-title,
.bc-app .bc-content .ocr-welcome-title,
.bc-app .bc-content .bc-settings-heading,
.bc-app .bc-content > .db-page:not(.bc-settings-page):not(.user-support) > .db-page-header.bc-keys-header > div > h2,
.bc-app .bc-content > .db-page.user-support > .db-page-header > div > h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ============================================================
   4. Docs article hierarchy (within the same system)
   Docs H2: 20 / 28 / 650 · Docs H3: 16 / 24 / 600
   ============================================================ */
.bc-app .bc-content .dp-section-title { font-size: 20px; line-height: 28px; font-weight: 650; letter-spacing: -0.01em; }
.bc-app .bc-content .dp-h3 { font-size: 16px; line-height: 24px; font-weight: 600; }

/* ============================================================
   5. Section titles: 16 / 24 / 600
   ============================================================ */
.bc-app .bc-content .go-panel h2,
.bc-app .bc-content .by2-sec-head h2,
.bc-app .bc-content .usage2-page .usage2-panel-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

/* ============================================================
   6. Subtitle / secondary text: 13 / 20 / 400
   ============================================================ */
.bc-app .bc-content .go-sub,
.bc-app .bc-content .mc-header p,
.bc-app .bc-content .rk-sub,
.bc-app .bc-content .by2-sub,
.bc-app .bc-content .usage2-sub,
.bc-app .bc-content .lg2-sub,
.bc-app .bc-content .rt2-sub,
.bc-app .bc-content .dp-desc,
.bc-app .bc-content .ocr-welcome-sub,
.bc-app .bc-content .bc-keys-desc,
.bc-app .bc-content .db-page-desc {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

/* ============================================================
   7. Buttons: 14 / 20 / 500
   (page-level CTAs and primary/secondary actions)
   ============================================================ */
.bc-app .bc-content .go-btn,
.bc-app .bc-content .by2-btn,
.bc-app .bc-content .rt2-button,
.bc-app .bc-content .db-btn,
.bc-app .bc-content .lg2-btn,
.bc-app .bc-content .usage2-btn-export2,
.bc-app .bc-content .bc-support-btn,
.bc-app .bc-content .dp-btn-solid,
.bc-app .bc-content .dp-btn-outline {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

/* ============================================================
   8. Forms — labels 13/500, controls 14/400
   (account / product forms)
   ============================================================ */
.bc-app .bc-content .user-field label,
.bc-app .bc-content .db-pg-field label,
.bc-app .bc-content .db-bill-ar-field label,
.bc-app .bc-content .db-ai-field label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.bc-app .bc-content .db-page input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
.bc-app .bc-content .db-page select,
.bc-app .bc-content .db-page textarea {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

/* ============================================================
   9. Tables — header 12/18/600 (uppercase rows keep uppercase),
   body 14/20/400
   ============================================================ */
.bc-app .bc-content table th {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.bc-app .bc-content table td {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
/* Models list uses a div-based column header row (not <th>) */
.bc-app .bc-content .mc-columns {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* ============================================================
   Monospace note: code blocks / inline code / api keys /
   model ids / endpoints / JSON / curl / request ids keep their
   existing monospace rules — intentionally no override here.
   ============================================================ */