/* ==========================================================================
   DesignBlu — Typography tokens + @font-face
   Display/body: Gotham (humanist grotesque, premium editorial warmth)
   Labels/eyebrows/nav: DIN Pro Condensed (technical, letter-spaced — mirrors
   the "COMMUNICATION" wordmark treatment in the logo lockup)
   ========================================================================== */

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro Condensed';
  src: url('../assets/fonts/DINPro-Condensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN Pro Condensed';
  src: url('../assets/fonts/DINPro-Condensed-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN Pro Condensed';
  src: url('../assets/fonts/DINPro-Condensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN Pro';
  src: url('../assets/fonts/DINPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DIN Pro';
  src: url('../assets/fonts/DINPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Families ---- */
  --font-display: 'Gotham', 'Helvetica Neue', Arial, sans-serif; /* @kind font */
  --font-body: 'Gotham', 'Helvetica Neue', Arial, sans-serif; /* @kind font */
  --font-label: 'DIN Pro Condensed', 'Arial Narrow', sans-serif; /* @kind font */
  --font-number: 'DIN Pro', 'Helvetica Neue', Arial, sans-serif; /* @kind font */

  /* ---- Display / headings (Gotham) — size, weight, line-height, tracking kept
     as separate tokens (not CSS font-shorthand) so clamp() reads cleanly ---- */
  --fs-display-1: clamp(2.75rem, 2.1rem + 3vw, 4.75rem); /* @kind other */
  --fw-display-1: 900; /* @kind other */
  --lh-display-1: 1.03; /* @kind other */
  --ls-display-1: -0.01em; /* @kind other */

  --fs-display-2: clamp(2.25rem, 1.8rem + 2vw, 3.25rem); /* @kind other */
  --fw-display-2: 700; /* @kind other */
  --lh-display-2: 1.08; /* @kind other */
  --ls-display-2: -0.01em; /* @kind other */

  --fs-h1: 2.25rem;   /* 36px @kind other */
  --fw-h1: 700; /* @kind other */
  --lh-h1: 1.15; /* @kind other */

  --fs-h2: 1.75rem;   /* 28px @kind other */
  --fw-h2: 700; /* @kind other */
  --lh-h2: 1.2; /* @kind other */

  --fs-h3: 1.375rem;  /* 22px @kind other */
  --fw-h3: 500; /* @kind other */
  --lh-h3: 1.3; /* @kind other */

  --fs-h4: 1.125rem;  /* 18px @kind other */
  --fw-h4: 500; /* @kind other */
  --lh-h4: 1.4; /* @kind other */

  /* ---- Body (Gotham Book) ---- */
  --fs-body-lg: 1.1875rem;  /* 19px @kind other */
  --lh-body-lg: 1.6; /* @kind other */
  --fs-body: 1.0625rem;     /* 17px @kind other */
  --lh-body: 1.65; /* @kind other */
  --fs-body-sm: 0.9375rem;  /* 15px @kind other */
  --lh-body-sm: 1.6; /* @kind other */

  /* ---- Labels / eyebrows / nav (DIN Pro Condensed, tracked caps) ---- */
  --fs-label-lg: 0.9375rem; /* 15px @kind other */
  --fw-label-lg: 500; /* @kind other */
  --ls-label-lg: 0.08em; /* @kind other */

  --fs-label: 0.8125rem;    /* 13px @kind other */
  --fw-label: 500; /* @kind other */
  --ls-label: 0.1em; /* @kind other */

  --fs-caption: 0.8125rem;  /* 13px @kind other */
  --lh-caption: 1.5; /* @kind other */
  --ls-caption: 0.02em; /* @kind other */
}