/* === FONTS (local @font-face) === */
@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-Light.woff2?v=2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-LightIt.woff2?v=2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-Book.woff2?v=2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-BookIt.woff2?v=2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-Regular.woff2?v=2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-RegularIt.woff2?v=2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-Semibold.woff2?v=2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Toyota Type';
  src: url('../assets/fonts/ToyotaType-SemiboldIt.woff2?v=2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* === DESIGN TOKENS === */
:root {
  /* Colors — exact from Figma */
  --color-dark-grey-tfs: #282830;
  --color-border: #d8dde0;
  --color-white: #ffffff;
  --color-text: #282830;

  /* Typography */
  --font-primary: 'Toyota Type', sans-serif;
  --text-nav: 1.2019vw;
  --text-nav-lh: 1.9231vw;
  --text-nav-ls: -0.024vw;
  --text-btn: 1.0417vw;
  --text-btn-lh: 1.6026vw;
  --text-btn-ls: -0.0208vw;

  /* Spacing — from Figma */
  --header-height: 6.4103vw;
  --header-px: 5.2083vw;
  --header-py: 1.9231vw;
  --nav-gap: 7.2115vw;
  --nav-item-gap: 1.6026vw;
  --action-gap: 0.9615vw;
  --btn-px: 1.6026vw;
  --btn-py: 0.641vw;
  --icon-btn-padding: 0.9615vw;

  /* Radii */
  --radius-pill: 3.2051vw;
  --radius-circle: 5.1282vw;

  /* Sizes */
  --logo-width: 13.1632vw;
  --logo-height: 2.0793vw;
  --icon-dropdown: 1.9231vw;
  --icon-sm: 0.9615vw;

  /* Hero Section */
  --color-bg-hero: #fcfcfc;
  --color-text-muted: rgba(40, 40, 48, 0.6);
  --color-red-cta: #ff0022;
  --color-card-border: rgba(40, 40, 48, 0.1);

  /* Hero Typography */
  --hero-heading-size: 4.0064vw;
  --hero-heading-lh: 1.2;
  --hero-heading-ls: -0.0401vw;
  --hero-subtitle-size: 1.2821vw;
  --hero-subtitle-lh: 1.4;
  --hero-subtitle-ls: -0.0256vw;
  --hero-card-title-size: 1.4423vw;
  --hero-card-title-ls: -0.0288vw;
  --hero-card-desc-size: 1.1218vw;
  --hero-card-desc-ls: -0.0112vw;

  /* Hero Spacing */
  --hero-outer-px: 0.641vw;
  --hero-inner-py: 5.609vw;
  --hero-content-width: 89.7436vw;
  --hero-content-pt: 3.2051vw;
  --hero-content-pb: 1.6026vw;
  --hero-content-gap: 2.8846vw;
  --hero-heading-width: 63.141vw;
  --hero-subtitle-width: 25.1603vw;

  /* Hero Cards */
  --card-padding: 1.2821vw;
  --card-gap: 0.9615vw;
  --card-radius: 0.641vw;
  --card-stack-gap: 0.641vw;
  --card-stack-width: 24.9199vw;
  --card-icon-size: 1.6026vw;

  /* Entretien Card */
  --entretien-img-width: 19.7115vw;
  --entretien-img-height: 13.7019vw;
  --entretien-padding: 0.8013vw;
  --cta-radius: 1.7628vw;
  --cta-height: 2.4038vw;

  /* Financing Section */
  --color-text-80: rgba(40, 40, 48, 0.8);
  --financing-py: 4.0064vw;
  --financing-header-gap: 4.8077vw;
  --financing-header-height: 17.3077vw;
  --financing-header-px: 3.2051vw;
  --financing-header-py: 1.6026vw;
  --financing-heading-size: 3.3654vw;
  --financing-heading-lh: 3.8462vw;
  --financing-sidebar-pt: 9.6154vw;
  --financing-sidebar-pb: 7.2115vw;
  --financing-sidebar-pl: 3.2051vw;
  --financing-sidebar-gap: 4.0064vw;
  --financing-option-gap: 6.4103vw;
  --financing-option-title-size: 1.9231vw;
  --financing-option-title-lh: 2.7244vw;
  --financing-option-title-ls: -0.0385vw;
  --financing-panel-width: 64.9038vw;
  --financing-panel-height: 52.1635vw;
  --financing-card-width: 58.0929vw;
  --financing-card-height: 35.5769vw;
  --financing-card-padding: 3.2051vw;
  --financing-card-radius: 1.2821vw;
  --financing-benefit-width: 16.6667vw;
  --financing-benefit-height: 13.2212vw;
  --financing-benefit-padding: 2.0833vw;
}