/* Elev8 Tech — Typography Tokens */
/* Fonts: Barlow Condensed (display) + Inter (body/ui) via Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* ── Font families ── */
  --font-display:  'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-body:     'Inter', system-ui, -apple-system, sans-serif;
  --font-ui:       'Barlow', 'Inter', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* ── Font sizes ── */
  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.25rem;    /* 20px */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   1.875rem;   /* 30px */
  --text-3xl:   2.25rem;    /* 36px */
  --text-4xl:   3rem;       /* 48px */
  --text-5xl:   3.75rem;    /* 60px */
  --text-6xl:   4.5rem;     /* 72px */

  /* ── Font weights ── */
  --weight-light:      300;
  --weight-regular:    400;
  --weight-medium:     500;
  --weight-semibold:   600;
  --weight-bold:       700;
  --weight-extrabold:  800;
  --weight-black:      900;

  /* ── Line heights ── */
  --leading-none:    1;
  --leading-tight:   1.15;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --leading-loose:   2;

  /* ── Letter spacing ── */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.05em;
  --tracking-wider:   0.1em;
  --tracking-widest:  0.2em;

  /* ── Semantic type aliases ── */
  --type-display-font:    var(--font-display);
  --type-display-weight:  var(--weight-extrabold);
  --type-display-leading: var(--leading-tight);
  --type-display-tracking: var(--tracking-tight);

  --type-heading-font:    var(--font-display);
  --type-heading-weight:  var(--weight-bold);
  --type-heading-leading: var(--leading-snug);

  --type-label-font:      var(--font-ui);
  --type-label-weight:    var(--weight-semibold);
  --type-label-tracking:  var(--tracking-wide);

  --type-body-font:       var(--font-body);
  --type-body-weight:     var(--weight-regular);
  --type-body-leading:    var(--leading-relaxed);

  --type-caption-font:    var(--font-body);
  --type-caption-size:    var(--text-xs);
  --type-caption-leading: var(--leading-normal);

  --type-mono-font:       var(--font-mono);
  --type-mono-size:       var(--text-sm);
}