/* ============================================================
   TYPOGRAPHY — Renault
   NouvelR everywhere. Display = 700 / lineHeight 0.95.
   Body = 400 (never 500). Buttons = 700 with tiny tracking.
   ============================================================ */

:root {
  --font-family: 'Inter Tight', 'Manrope', 'HK Grotesk Semi Condensed',
                 system-ui, -apple-system, sans-serif;

  /* weights */
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---- Display (always 700, always lineHeight 0.95) ---- */
  --type-display-xl-size: 56px;   --type-display-xl-weight: 700; --type-display-xl-leading: 0.95; --type-display-xl-tracking: 0;
  --type-display-lg-size: 40px;   --type-display-lg-weight: 700; --type-display-lg-leading: 0.95; --type-display-lg-tracking: 0;
  --type-display-md-size: 32px;   --type-display-md-weight: 700; --type-display-md-leading: 0.95; --type-display-md-tracking: 0;

  /* ---- Headings ---- */
  --type-heading-lg-size: 24px;   --type-heading-lg-weight: 700; --type-heading-lg-leading: 0.95;
  --type-heading-md-size: 20px;   --type-heading-md-weight: 700; --type-heading-md-leading: 0.95;
  --type-heading-sm-size: 18px;   --type-heading-sm-weight: 700; --type-heading-sm-leading: 1.0;

  /* ---- Subtitle / Body ---- */
  --type-subtitle-size: 19.2px;   --type-subtitle-weight: 600; --type-subtitle-leading: 1.3;
  --type-body-lg-size: 18px;      --type-body-lg-weight: 400;  --type-body-lg-leading: 1.5;
  --type-body-md-size: 16px;      --type-body-md-weight: 400;  --type-body-md-leading: 1.4;
  --type-body-sm-size: 14px;      --type-body-sm-weight: 400;  --type-body-sm-leading: 1.57;

  /* ---- Buttons (700, tiny positive tracking) ---- */
  --type-button-lg-size: 16px;    --type-button-lg-weight: 700; --type-button-lg-leading: 1.0;  --type-button-lg-tracking: 0;
  --type-button-md-size: 14.4px;  --type-button-md-weight: 700; --type-button-md-leading: 1.0;  --type-button-md-tracking: 0.144px;
  --type-button-sm-size: 13px;    --type-button-sm-weight: 600; --type-button-sm-leading: 1.2;  --type-button-sm-tracking: 0.13px;

  /* ---- Caption / Overline ---- */
  --type-caption-size: 12px;      --type-caption-weight: 400;  --type-caption-leading: 1.4;
  --type-overline-size: 10px;     --type-overline-weight: 700; --type-overline-leading: 1.45;
}