/* ============================================================
 * Typography tokens — reconciled across the four files.
 * Brand face: TransSans (variable "TransSans VF" + "TransSans SC"
 * Simplified-Chinese cut; the _250102 static cut uses named weights
 * 415≈Regular, 465≈Medium, 550≈SemiBold). Icon font: tos-symbol.
 * Multi-script: Korean falls back to Noto Sans KR; Latin to Roboto/Inter.
 *
 * These brand/icon fonts are PROPRIETARY and NOT bundled (no @font-face).
 * Designs reference them by name and fall back to the system stack.
 * ============================================================ */
:root {
  /* Font families */
  --font-sans: "TransSans VF", "TransSans SC", "TransSans", "Plus Jakarta Sans",
               -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC",
               "Noto Sans KR", "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-icon: "tos-symbol"; /* proprietary icon font — designs use Lucide (CDN) as the substitute set */

  /* Weights (TransSans VF ships 400 / 500 / 600 in these files) */
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;

  /* Type scale — size / line-height (px) */
  --font-size-display:    32px;  --line-height-display:    43px;  /* hero numerals / balances */
  --font-size-title-lg:   18px;  --line-height-title-lg:   24px;
  --font-size-title-md:   16px;  --line-height-title-md:   22px;  /* most common heading / button */
  --font-size-subtitle:   15px;  --line-height-subtitle:   20px;
  --font-size-body:       14px;  --line-height-body:       19px;  /* default body */
  --font-size-caption:    12px;  --line-height-caption:    16px;
  --font-size-label:      11px;  --line-height-label:      16px;
  --font-size-tiny:       10px;  --line-height-tiny:       14px;
}