/*
  Font stack:
    Display — Barlow Condensed 700 (Google Fonts substitute for SF Pro Display condensed)
    Text    — Inter 400/700 (substitute for SF Pro Text)
  ⚠ Substitution flag: SF Pro Display/Text are Apple system fonts unavailable for web embed.
    Barlow Condensed mirrors the condensed-bold structure of the BMW M base system.
    Replace with licensed SF Pro webfonts if available.
*/

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

:root {
  /* Font families */
  --font-display:  'Barlow Condensed', 'SF Pro Display', system-ui, sans-serif;
  --font-text:     'Inter', 'SF Pro Text', system-ui, sans-serif;

  /* ── Display scale ── */
  --type-display-xl-size:    80px;
  --type-display-xl-weight:  700;
  --type-display-xl-lh:      1;
  --type-display-xl-ls:      -0.02em;

  --type-display-slide-size:   62px;
  --type-display-slide-weight: 700;
  --type-display-slide-lh:     1;
  --type-display-slide-ls:     -0.02em;

  --type-display-lg-size:    56px;
  --type-display-lg-weight:  700;
  --type-display-lg-lh:      1.05;
  --type-display-lg-ls:      -0.02em;

  --type-display-md-size:    40px;
  --type-display-md-weight:  700;
  --type-display-md-lh:      1.1;
  --type-display-md-ls:      -0.02em;

  --type-display-sm-size:    32px;
  --type-display-sm-weight:  700;
  --type-display-sm-lh:      1.15;
  --type-display-sm-ls:      0;

  /* ── List numbers ── */
  --type-list-num-size:    62px;
  --type-list-num-weight:  700;
  --type-list-num-lh:      1;

  /* ── Title scale ── */
  --type-title-lg-size:    24px;
  --type-title-lg-weight:  700;
  --type-title-lg-lh:      1.3;

  --type-title-md-size:    20px;
  --type-title-md-weight:  400;
  --type-title-md-lh:      1.4;

  --type-title-sm-size:    18px;
  --type-title-sm-weight:  400;
  --type-title-sm-lh:      1.4;

  /* ── Body scale ── */
  --type-body-md-size:    24px;
  --type-body-md-weight:  400;
  --type-body-md-lh:      1.35;

  --type-body-sm-size:    16px;
  --type-body-sm-weight:  400;
  --type-body-sm-lh:      1.5;

  /* ── Utility ── */
  --type-label-size:    14px;
  --type-label-weight:  700;
  --type-label-lh:      1.3;
  --type-label-ls:      1.5px;

  --type-caption-size:    12px;
  --type-caption-weight:  400;
  --type-caption-lh:      1.4;
  --type-caption-ls:      0.5px;

  --type-button-size:    14px;
  --type-button-weight:  700;
  --type-button-lh:      1;
  --type-button-ls:      1.5px;

  --type-nav-size:    14px;
  --type-nav-weight:  400;
  --type-nav-lh:      1.4;
  --type-nav-ls:      0.5px;
}