/* ============================================
   MAKAI — Sistema de Tipografía Unificado
   Familias: DM Sans (UI), Syne (títulos), DM Mono (cifras)
   Pesos: 400 / 500 / 600 / 700   Títulos de página: 21px / 600
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500;600&family=Syne:wght@600;700;800&display=swap');

:root {
  --fs-2xs:     10px;
  --fs-xs:      11px;
  --fs-sm:      12px;
  --fs-base:    13px;
  --fs-md:      15px;
  --fs-lg:      17px;
  --fs-title:   21px;
  --fs-xl:      22px;
  --fs-kpi:     28px;
  --fs-display: 36px;

  --font-ui:      'DM Sans', -apple-system, sans-serif;
  --font-heading: 'Syne', -apple-system, sans-serif;
  --font-mono:    'DM Mono', 'SF Mono', monospace;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    600;
  --fw-strong:  700;
}

html, body, * {
  font-family: var(--font-ui) !important;
}

[class*="clock"], [class*="time"],
[class*="mono"], [class*="kpi-val"],
[class*="hdr-count"], [class*="amount"],
[class*="price"], .total-amount {
  font-family: var(--font-mono) !important;
  font-variant-numeric: tabular-nums;
}

.nav-pill-label, .date-pill-label,
.cal-month-label, .tab-btn,
.section-hdr-title {
  font-family: var(--font-heading) !important;
}

body {
  font-size: var(--fs-base);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

/* === TÍTULOS DE VISTA === */
.vt-hdr {
  font-size: var(--fs-title) !important;
  font-weight: var(--fw-bold) !important;
}