@use '../functions' as fns;

// Font Sizes (in rem units)
$font-sizes: (
  '12': fns.rem(12px),
  '14': fns.rem(14px),
  '16': fns.rem(16px),
  '18': fns.rem(18px),
  '20': fns.rem(20px),
  '24': fns.rem(24px),
  '32': fns.rem(32px),
  '40': fns.rem(40px),
  '48': fns.rem(48px),
);

$font-size-12: map-get($font-sizes, '12');
$font-size-14: map-get($font-sizes, '14');
$font-size-16: map-get($font-sizes, '16');
$font-size-18: map-get($font-sizes, '18');
$font-size-20: map-get($font-sizes, '20');
$font-size-24: map-get($font-sizes, '24');
$font-size-32: map-get($font-sizes, '32');
$font-size-40: map-get($font-sizes, '40');
$font-size-48: map-get($font-sizes, '48');

// Line Heights (unitless)
$line-height-xs: 1;
$line-height-sm: 1.125;
$line-height-md: 1.25;
$line-height-lg: 1.5;
$line-height-reset: $line-height-xs;
$line-height-base: $line-height-lg;
$line-height-heading: $line-height-sm;
$line-height-subheading: $line-height-md;

// Letter Spacing
$letter-spacing-sm: 0;
$letter-spacing-md: 0.25;
$letter-spacing-lg: 0.5;

// Font Family
$font-rubik: Rubik, Arial, 'Helvetica Neue', Helvetica, sans-serif;
$font-public-sans: 'Public Sans Web', -apple-system, BlinkMacSystemFont,
  'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol';
$font-monospace: monospace;

// Font Weight
$font-regular: 400;
$font-medium: 500;

// Headings (h1 - h6)
// Structure: (font-size(desktop), font-size(mobile), line-height(desktop), line-height(mobile), font-weight)
// TODO: get designs for responsive heading sizes
$headings: (
  (
    $font-size-48,
    $font-size-32,
    $line-height-heading,
    $line-height-subheading,
    $font-regular
  ),
  (
    $font-size-32,
    $font-size-24,
    $line-height-subheading,
    $line-height-subheading,
    $font-regular
  ),
  (
    $font-size-24,
    $font-size-20,
    $line-height-subheading,
    $line-height-subheading,
    $font-medium
  ),
  (
    $font-size-18,
    $font-size-16,
    $line-height-subheading,
    $line-height-subheading,
    $font-medium
  ),
  (
    $font-size-16,
    $font-size-14,
    $line-height-subheading,
    $line-height-subheading,
    $font-medium
  ),
  (
    $font-size-14,
    $font-size-12,
    $line-height-subheading,
    $line-height-subheading,
    $font-medium
  )
);