@use 'sass:map';
@use './palette.tokens' as palette;
@use './spacing.tokens' as spacing;

$font-size-base: 1rem;
/* prettier-ignore */
@forward '../../../pastanaga-angular/projects/pastanaga-angular/src/styles/theme/typography.tokens' with (
  // =================================================
  // TYPOGRAPHY
  // =================================================
  $font-family-sans-serif: var(--custom-font-family, Roboto),
  $font-family-monospace: 'Source Code Pro',
  $font-weight-semi-bold: 600,
  $font-size: (
    xxs: ($font-size-base * .625),  // 10px - 0.625 rem
    xs: ($font-size-base * .75),    // 12px - 0.75 rem
    s:  ($font-size-base * .875),   // 14px - 0.875 rem
    m:  $font-size-base,            // 16px - 1 rem
    l:  ($font-size-base * 1.125),  // 18px - 1.125 rem
    xl:  ($font-size-base * 1.25),  // 20px - 1.25 rem
    xxl:  ($font-size-base * 1.5),  // 24px - 1.5 rem
    // display
    d1:     ($font-size-base * 1.375),  // 22px - 1.375 rem
    d1-md:  ($font-size-base * 1.625),  // 26px - 1.625 rem
    d2:     ($font-size-base * 1.75),   // 28px - 1.75 rem
    d2-md:  ($font-size-base * 2),      // 32px - 2 rem
    d3:     ($font-size-base * 2.25),   // 36px - 2.25 rem
    d3-md:  ($font-size-base * 3),      // 48px - 3 rem
  ),
  $line-height: (
    xs: ($font-size-base * .875),   // 14px - 0.875 rem
    s:  ($font-size-base * 1),      // 16px - 1 rem
    m:  ($font-size-base * 1.25),   // 20px - 1.25 rem
    l:  ($font-size-base * 1.5),    // 24px - 1.5 rem
    xl: ($font-size-base * 1.75),   // 28px - 1.75 rem
    xxl: ($font-size-base * 2),     // 32px - 2 rem
    // display
    d1:     ($font-size-base * 1.625),  // 26px - 1.625 rem
    d1-md:  ($font-size-base * 1.75),   // 28px - 1.75 rem
    d2:     ($font-size-base * 1.875),  // 30px - 1.875 rem
    d2-md:  ($font-size-base * 2.125),  // 34px - 2.125 rem
    d3:     ($font-size-base * 2.25),   // 36px - 2.25 rem
    d3-md:  ($font-size-base * 2.75),   // 44px - 2.75 rem
  ),
  $font-weight-overline: 600,
  $font-weight-title-l: 700,
  $font-weight-display-s: 700,

  $font-size-overline: .5rem,
  $font-size-body-xs: 0.625rem,
  $font-size-body-s: 0.75rem,
  $font-size-title-xxs: 0.75rem,
  $font-size-title-xs: 0.875rem,
  $font-size-title-s: 0.875rem,
  $font-size-title-m: 1rem,
  $font-size-title-l: 1.125rem,
  $font-size-display-s: 1.5rem,
  $font-size-display-m: 2.25rem,
  $font-size-title-s-md: 0.875rem,
  $font-size-title-m-md: 1rem,
  $font-size-title-l-md: 1.125rem,
  $font-size-display-s-md: 1.5rem,
  $font-size-display-m-md: 2.25rem,

  $line-height-body-m: 1.25rem,
  $line-height-title-xxs: 1.5rem,
  $line-height-title-s: 2rem,
  $line-height-title-m: 1.625rem,
  $line-height-title-s-md: 1.625rem,
  $line-height-title-m-md: 1.75rem,
  $line-height-body: 1.4,


  $letter-spacing-overline: 0,
  $letter-spacing-body-xs: 0,
  $letter-spacing-body-s: 0,
  $letter-spacing-body-m: 0,
  $letter-spacing-title-xxs: 0,
  $letter-spacing-title-xs: 0,
  $letter-spacing-title-s: 0,
  $letter-spacing-title-m: 0,
  $letter-spacing-title-l: 0,
  $letter-spacing-display-s: 0,
  $letter-spacing-display-m: 0,
  $letter-spacing-title-s-md: 0,
  $letter-spacing-title-m-md: 0,
  $letter-spacing-title-l-md: 0,
  $letter-spacing-display-s-md: 0,
  $letter-spacing-display-m-md: 0,
);
