/* ============================================================
   LUKI — Typography tokens
   Base font is system-ui. Weights 400/500/600/700/800 by rank.
   Everything "secondary/label" goes UPPERCASE, 11–12px, muted,
   with wide letter-spacing (the "eyebrow").
   ============================================================ */
:root {
  /* ---- Families ---- */
  --mic-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mic-font-display: "Montserrat", system-ui, sans-serif;  /* optional dashboard titles */
  --mic-font-body: "Lato", system-ui, sans-serif;           /* optional long-form copy */
  --mic-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Weights ---- */
  --mic-weight-regular: 400;
  --mic-weight-medium: 500;
  --mic-weight-semibold: 600;
  --mic-weight-bold: 700;
  --mic-weight-black: 800;

  /* ---- Sizes (observed scale) ---- */
  --mic-text-hero: 40px;      /* page hero title      / 800 */
  --mic-text-modal: 32px;     /* modal title          / 600 */
  --mic-text-h2: 28px;        /* section / browser h2 / 700-800 */
  --mic-text-h3: 24px;        /* shelf h3, KPI value  / 700-800 */
  --mic-text-metric: 32px;    /* big widget metric    / 700 */
  --mic-text-page: 20px;      /* page header          / 600 */
  --mic-text-lg: 18px;
  --mic-text-base: 14px;      /* body                 / 400 */
  --mic-text-sm: 13px;        /* secondary            / 400-500 */
  --mic-text-xs: 12px;        /* muted / labels */
  --mic-text-eyebrow: 11px;   /* uppercase label      / 700-800 */

  --mic-leading-body: 1.6;
  --mic-leading-tight: 1.3;

  /* ---- Eyebrow / label tracking ---- */
  --mic-tracking-eyebrow: 0.16em;  /* uppercase labels, table th */
  --mic-tracking-wide: 0.18em;
  --mic-tracking-logo: 0.26em;     /* LUKI wordmark tracking */
}