/* FUTURA Design System — Typography Tokens */
:root {

  /* ─── FONT FAMILIES ──────────────────────────────────────────── */
  --font-display: 'Raleway', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'Fira Code', 'Cascadia Code', ui-monospace, 'SFMono-Regular', monospace;

  /* ─── DISPLAY SCALE (Raleway) ────────────────────────────────── */
  --type-hero-family:     var(--font-display);
  --type-hero-size:       56px;
  --type-hero-weight:     700;
  --type-hero-leading:    1.07;
  --type-hero-tracking:   -0.5px;

  --type-display-lg-family:   var(--font-display);
  --type-display-lg-size:     44px;
  --type-display-lg-weight:   700;
  --type-display-lg-leading:  1.10;
  --type-display-lg-tracking: -0.3px;

  --type-display-md-family:   var(--font-display);
  --type-display-md-size:     34px;
  --type-display-md-weight:   600;
  --type-display-md-leading:  1.20;
  --type-display-md-tracking: -0.2px;

  --type-display-sm-family:   var(--font-display);
  --type-display-sm-size:     26px;
  --type-display-sm-weight:   600;
  --type-display-sm-leading:  1.25;
  --type-display-sm-tracking: -0.1px;

  /* ─── UI / BODY SCALE (Inter) ────────────────────────────────── */
  --type-lead-family:   var(--font-body);
  --type-lead-size:     20px;
  --type-lead-weight:   400;
  --type-lead-leading:  1.55;

  --type-tagline-family:    var(--font-body);
  --type-tagline-size:      12px;
  --type-tagline-weight:    700;
  --type-tagline-leading:   1.2;
  --type-tagline-tracking:  1.4px;
  --type-tagline-transform: uppercase;

  --type-body-family:   var(--font-body);
  --type-body-size:     16px;
  --type-body-weight:   400;
  --type-body-leading:  1.65;

  --type-body-strong-family:  var(--font-body);
  --type-body-strong-size:    16px;
  --type-body-strong-weight:  600;
  --type-body-strong-leading: 1.5;

  --type-caption-family:  var(--font-body);
  --type-caption-size:    13px;
  --type-caption-weight:  400;
  --type-caption-leading: 1.45;

  --type-caption-strong-family:  var(--font-body);
  --type-caption-strong-size:    13px;
  --type-caption-strong-weight:  600;
  --type-caption-strong-leading: 1.3;

  --type-label-family:    var(--font-body);
  --type-label-size:      11px;
  --type-label-weight:    700;
  --type-label-leading:   1.2;
  --type-label-tracking:  0.8px;
  --type-label-transform: uppercase;

  --type-nav-family:    var(--font-body);
  --type-nav-size:      14px;
  --type-nav-weight:    500;
  --type-nav-leading:   1.0;

  --type-code-family:   var(--font-mono);
  --type-code-size:     14px;
  --type-code-weight:   400;
  --type-code-leading:  1.6;
}