@use 'sass:math';
@use '../utilities';

$root-font-size: 16px;
$root-one-px: math.div(1, utilities.strip-units($root-font-size));

$font-stack-moda-sans: 'Moda Operandi Sans', Arial, sans-serif;
$font-stack-moda-serif: 'Moda Operandi Serif', 'Times New Roman', Times, serif;
$font-stack-code: Menlo, Monaco, Consolas, 'Courier New', monospace;

$fonts: (
  sans: $font-stack-moda-sans,
  serif: $font-stack-moda-serif,
  code: $font-stack-code
);

$line-heights: 1.1, 1.2, 1.4, 1.6;

$letter-spacing: 0, 0.02em, 0.04em, 0.1em;

$font-scale: (0.75rem, 0.8125rem, 1rem, 1.25rem, 1.5rem, 2rem, 3rem, 3.75rem, 6rem);

$text-treatments: (
  display: (
    font-size: utilities.access($font-scale, 8),
    line-height: utilities.access($line-heights, 0),
    letter-spacing: utilities.access($letter-spacing, 0)
  ),
  h1: (
    font-size: utilities.access($font-scale, 7),
    line-height: utilities.access($line-heights, 1),
    letter-spacing: utilities.access($letter-spacing, 0)
  ),
  h2: (
    font-size: utilities.access($font-scale, 6),
    line-height: utilities.access($line-heights, 0),
    letter-spacing: utilities.access($letter-spacing, 0)
  ),
  h3: (
    font-size: utilities.access($font-scale, 5),
    line-height: utilities.access($line-heights, 1),
    letter-spacing: utilities.access($letter-spacing, 0)
  ),
  h4: (
    font-size: utilities.access($font-scale, 4),
    line-height: utilities.access($line-heights, 2),
    letter-spacing: utilities.access($letter-spacing, 0)
  ),
  h5: (
    font-size: utilities.access($font-scale, 3),
    line-height: utilities.access($line-heights, 2),
    letter-spacing: utilities.access($letter-spacing, 1)
  ),
  h6: (
    font-size: utilities.access($font-scale, 2),
    line-height: utilities.access($line-heights, 2),
    letter-spacing: utilities.access($letter-spacing, 2)
  ),
  body1: (
    font-size: utilities.access($font-scale, 1),
    line-height: utilities.access($line-heights, 3),
    letter-spacing: utilities.access($letter-spacing, 2)
  ),
  bold1: (
    font-size: utilities.access($font-scale, 1),
    line-height: utilities.access($line-heights, 3),
    letter-spacing: utilities.access($letter-spacing, 3),
    font-weight: bold
  ),
  body2: (
    font-size: utilities.access($font-scale, 0),
    line-height: utilities.access($line-heights, 2),
    letter-spacing: utilities.access($letter-spacing, 2)
  ),
  eyebrow: (
    font-size: utilities.access($font-scale, 0),
    line-height: utilities.access($line-heights, 2),
    letter-spacing: utilities.access($letter-spacing, 3),
    text-transform: uppercase
  )
);

$typography: (
  fonts: $fonts,
  line-heights: $line-heights,
  letter-spacing: $letter-spacing,
  font-scale: $font-scale,
  root-font-size: $root-font-size,
  text-treatments: $text-treatments
);