/* typography.css — VoltOps type system.
   Two families: Noto Sans SC (UI text, all weights) and IBM Plex Mono
   (every number, code, ID, timestamp and metric). Loaded from Google Fonts.
   NOTE: webfonts are CDN-linked here, not self-hosted — swap to local
   @font-face binaries for offline/production builds. */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root{
  /* families */
  --vo-font:'Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; /* @kind font */
  --vo-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace; /* @kind font */

  /* type scale (px values used across the app) */
  --vo-fs-page:20px;      /* page H1 / breadcrumb */
  --vo-fs-topbar:18px;    /* topbar page title */
  --vo-fs-card-title:14.5px;
  --vo-fs-body:13.5px;    /* default body / nav item */
  --vo-fs-body-sm:13px;   /* buttons, table cells */
  --vo-fs-meta:12.5px;    /* sub labels */
  --vo-fs-cap:11.5px;     /* captions, descriptions */
  --vo-fs-micro:11px;     /* badges, kbd, tags */
  --vo-fs-kpi:27px;       /* dashboard KPI numerals */
  --vo-fs-metric:21px;    /* meter / stat numerals */

  /* weights */
  --vo-fw-regular:400;    /* @kind font */
  --vo-fw-medium:500;     /* @kind font */
  --vo-fw-semibold:600;   /* @kind font */
  --vo-fw-bold:700;       /* @kind font */

  /* line-heights */
  --vo-lh-tight:1.2;      /* @kind font */
  --vo-lh-snug:1.35;      /* @kind font */
  --vo-lh-normal:1.5;     /* @kind font */

  /* numerals: always tabular for alignment in tables & meters */
  --vo-num-feat:tabular-nums; /* @kind font */
}