/* C1NE Typography Tokens */

@font-face {
  font-family: 'Bebas Neue';
  src: url('../assets/fonts/BebasNeue-Bold.otf') format('opentype');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('../assets/fonts/IBMPlexSansCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('../assets/fonts/IBMPlexSansCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('../assets/fonts/IBMPlexSansCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  src: url('../assets/fonts/IBMPlexSansCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Font Families */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body: 'IBM Plex Sans Condensed', sans-serif;

  /* Display Type Scales */
  --type-h1-size: 232px;
  --type-h1-line-height: 0.92;
  --type-h2-size: 116px;
  --type-h2-line-height: 0.9;
  --type-h3-size: 92px;
  --type-h3-line-height: 0.9;
  --type-display-lg: 72px;
  --type-display-md: 50px;
  --type-display-sm: 40px;
  --type-display-xs: 28px;

  /* Body Type Scales */
  --type-body-lg: 30px;
  --type-body-md: 24px;
  --type-body-sm: 22px;
  --type-body-xs: 19px;
  --type-label: 17px;
  --type-caption: 14px;
  --type-meta: 13px;

  /* Letter Spacing */
  --letter-spacing-tight: -0.01em;
  --letter-spacing-normal: 0em;
  --letter-spacing-label: 0.18em;
  --letter-spacing-wide: 0.22em;
  --letter-spacing-wider: 0.24em;
  --letter-spacing-widest: 0.34em;

  /* Font Weights */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-bold: 700; /* @kind font */
}