@import "../../mixins/typo";

$xs: ('size': var(--cds-font-size-100), 'height': var(--cds-font-line-height-200), 'weight': var(--cds-font-weight-regular));
$sm: ('size': var(--cds-font-size-200), 'height': var(--cds-font-line-height-300), 'weight': var(--cds-font-weight-regular));
$md: ('size': var(--cds-font-size-300), 'height': var(--cds-font-line-height-400), 'weight': var(--cds-font-weight-regular));
$lg: ('size': var(--cds-font-size-500), 'height': var(--cds-font-line-height-400), 'weight': var(--cds-font-weight-regular));
$h1: ('size': var(--cds-font-size-800), 'height': var(--cds-font-line-height-800), 'weight': var(--cds-font-weight-regular));
$h2: ('size': var(--cds-font-size-700), 'height': var(--cds-font-line-height-700), 'weight': var(--cds-font-weight-regular));
$h3: ('size': var(--cds-font-size-600), 'height': var(--cds-font-line-height-600), 'weight': var(--cds-font-weight-regular));
$h4: ('size': var(--cds-font-size-400), 'height': var(--cds-font-line-height-400), 'weight': var(--cds-font-weight-bold));
$h5: ('size': var(--cds-font-size-300), 'height': var(--cds-font-line-height-400), 'weight': var(--cds-font-weight-bold));
$h6: ('size': var(--cds-font-size-200), 'height': var(--cds-font-line-height-300), 'weight': var(--cds-font-weight-bold));
$display1: ('size': var(--cds-font-size-1100), 'height': var(--cds-font-line-height-1000), 'weight': var(--cds-font-weight-bold));
$display2: ('size': var(--cds-font-size-1000), 'height': var(--cds-font-line-height-1100), 'weight': var(--cds-font-weight-bold));

$typography: (
  'h1': $h1,
  'h2': $h2,
  'h3': $h3,
  'h4': $h4,
  'h5': $h5,
  'h6': $h6,
  'xs': $xs,
  'sm': $sm,
  'md': $md,
  'lg': $lg,
  'display-1': $display1,
  'display-2': $display2
);

$font-weight: (
  'normal': normal,
  'bold': bold,
  '100': 100,
  '200': 200,
  '300': 300,
  '400': 400,
  '500': 500,
  '600': 600,
  '700': 700,
  '800': 800,
  '900': 900
);

$font-style: (
  'normal': normal,
  'italic': italic,
  'oblique': oblique
);

$text-align: (
  'left': left,
  'right': right,
  'center': center,
  'justify': justify
);

$text-decoration: (
  'none': none,
  'underline': underline,
  'overline': overline,
  'line-through': line-through
);

$text-transform: (
  'none': none,
  'capitalize': capitalize,
  'uppercase': uppercase,
  'lowercase': lowercase
);

$line-height: (
  'normal': normal,
  '1': 1,
  '2': 2
);

$letter-spacing: (
  'normal': normal,
  'tight': -0.05em,
  0: 0,
  'wide': 0.05em
);

$typography-properties: (
  'weight': ('name': 'font-weight-', 'map': $font-weight, 'property': 'font-weight'),
  'style': ('name': 'font-style-', 'map': $font-style, 'property': 'font-style'),
  'align': ('name': 'align-', 'map': $text-align, 'property': 'text-align'),
  'decoration': ('name': 'text-decoration-', 'map': $text-decoration, 'property': 'text-decoration'),
  'transform': ('name': 'text-transform-', 'map': $text-transform, 'property': 'text-transform'),
  'line-height': ('name': 'line-height-', 'map': $line-height, 'property': 'line-height'),
  'letter-spacing': ('name': 'letter-spacing-', 'map': $letter-spacing, 'property': 'letter-spacing'),
);
