/* Mordorsoft Design System v1.0 — tokens/typography.css copiado tal cual del zip del propietario (2026-10-05). No editar: es la fuente de verdad (ADR-015). */
:root{
  --font-sans:"IBM Plex Sans","IBM Plex Sans JP","IBM Plex Sans SC","IBM Plex Sans TC",system-ui,sans-serif;
  --font-condensed:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --font-serif:"IBM Plex Serif",Georgia,serif;
  --font-math:"IBM Plex Math","IBM Plex Serif",serif;
  --font-cjk-jp:"IBM Plex Sans JP",var(--font-sans);
  --font-cjk-sc:"IBM Plex Sans SC",var(--font-sans);
  --font-cjk-tc:"IBM Plex Sans TC",var(--font-sans);
  --font-pixel:"ProggyClean",monospace;      /* Dear ImGui default look, 13px/16px only */
  --font-pixel-tiny:"ProggyTiny",monospace;  /* 10px/16px only */
  --font-pixel-display:"DotGothic16",monospace;
  --font-alt:"Inter",system-ui,sans-serif;   /* only where Plex is unavailable */

  --weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
  --leading-tight:1.2;--leading-ui:1.35;--leading-body:1.5;
  --tracking-caps:.06em;--tracking-tight:-.01em;

  /* Scale (desktop). Sotelec scale.desktop */
  --font-micro:11px;--font-label:12px;--font-ui:13px;--font-body:14px;--font-title:18px;
  /* Display steps for web/marketing surfaces (Mordorsoft extension) */
  --font-h3:22px;--font-h2:28px;--font-h1:36px;--font-display:52px;

  /* Semantic */
  --type-ui:var(--weight-regular) var(--font-ui)/var(--leading-ui) var(--font-sans);
  --type-body:var(--weight-regular) var(--font-body)/var(--leading-body) var(--font-sans);
  --type-label:var(--weight-medium) var(--font-label)/var(--leading-ui) var(--font-sans);
  --type-section:var(--weight-semibold) var(--font-micro)/var(--leading-ui) var(--font-condensed);
  --type-title:var(--weight-semibold) var(--font-title)/var(--leading-tight) var(--font-sans);
  --type-value:var(--weight-regular) var(--font-ui)/var(--leading-ui) var(--font-mono);
  --type-code:var(--weight-regular) var(--font-label)/var(--leading-body) var(--font-mono);
}
[data-scale="touch"]{--font-micro:11px;--font-label:15px;--font-ui:16px;--font-body:18px;--font-title:18px}