/* ============================================
   WA Robotos — Typography System
   Consistent type scale, weights, and hierarchy.
   ============================================ */

/* ---- Type Scale ---- */
.wa-text-xs   { font-size: 0.6875rem; line-height: 1rem; }     /* 11px — timestamps, hints */
.wa-text-sm   { font-size: 0.75rem;   line-height: 1rem; }     /* 12px — badges, captions */
.wa-text-base { font-size: 0.8125rem; line-height: 1.25rem; }  /* 13px — body text, table cells */
.wa-text-md   { font-size: 0.875rem;  line-height: 1.25rem; }  /* 14px — labels, nav items */
.wa-text-lg   { font-size: 0.9375rem; line-height: 1.375rem; } /* 15px — section titles */
.wa-text-xl   { font-size: 1.125rem;  line-height: 1.5rem; }   /* 18px — page subtitles */
.wa-text-2xl  { font-size: 1.25rem;   line-height: 1.625rem; } /* 20px — card headings */
.wa-text-3xl  { font-size: 1.5rem;    line-height: 1.875rem; } /* 24px — page titles */
.wa-text-4xl  { font-size: 1.75rem;   line-height: 2.125rem; } /* 28px — KPI numbers */
.wa-text-5xl  { font-size: 2.5rem;    line-height: 2.75rem; }  /* 40px — hero/error codes */

/* ---- Weights ---- */
.wa-font-normal  { font-weight: 400; }
.wa-font-medium  { font-weight: 500; }
.wa-font-semibold { font-weight: 600; }
.wa-font-bold    { font-weight: 700; }
.wa-font-extrabold { font-weight: 800; }

/* ---- Colors ---- */
.wa-text-primary { color: var(--wa-fg); }
.wa-text-muted   { color: var(--wa-fg-muted); }
.wa-text-subtle  { color: var(--wa-fg-subtle); }
.wa-text-accent  { color: var(--wa-primary); }
.wa-text-success { color: var(--wa-success); }
.wa-text-warning { color: var(--wa-warning); }
.wa-text-danger  { color: var(--wa-destructive); }
.wa-text-info    { color: var(--wa-info); }

/* ---- Mono ---- */
.wa-font-mono { font-family: var(--wa-font-mono); }

/* ---- Heading font ---- */
.wa-font-heading { font-family: var(--wa-font-heading); }

/* ---- Tracking ---- */
.wa-tracking-tight { letter-spacing: -0.01em; }
.wa-tracking-wide  { letter-spacing: 0.05em; }
.wa-uppercase { text-transform: uppercase; letter-spacing: 0.05em; }