/* Exein Analyzer type styles, transcribed by hand from the Figma "Typography"
   specimen frame; the Figma file defines no TEXT styles. */

:root {
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Headings — DM Sans */
  --type-heading-1: 400 28px/32px var(--font-sans);
  --type-heading-2: 400 22px/24px var(--font-sans);
  --type-heading-3: 500 16px/16px var(--font-sans);

  /* Body — DM Sans */
  --type-body-medium: 400 14px/16px var(--font-sans);
  --type-body: 400 12px/16px var(--font-sans);
  --type-body-list: 400 12px/16px var(--font-sans);
  --type-body-small: 400 10px/14px var(--font-sans);
  --type-button: 400 12px/16px var(--font-sans);

  /* Labels & numbers — JetBrains Mono (Light 300 dominant) */
  --type-label-big: 300 12px/16px var(--font-mono);
  --type-label-small: 300 9px/8px var(--font-mono);
  --type-number-big: 400 48px/52px var(--font-mono);
  --type-number-med: 400 22px/24px var(--font-mono);
  --type-number-small: 400 18px/24px var(--font-mono);
}

.type-heading-1 { font: var(--type-heading-1); }
.type-heading-2 { font: var(--type-heading-2); }
.type-heading-3 { font: var(--type-heading-3); }
.type-body-medium { font: var(--type-body-medium); }
.type-body { font: var(--type-body); }
.type-body-small { font: var(--type-body-small); }
.type-button { font: var(--type-button); }
.type-label-big { font: var(--type-label-big); letter-spacing: 0.02em; text-transform: uppercase; }
.type-label-small { font: var(--type-label-small); letter-spacing: 0.02em; text-transform: uppercase; }
.type-number-big { font: var(--type-number-big); }
.type-number-med { font: var(--type-number-med); }
.type-number-small { font: var(--type-number-small); }
