//
// Variables
//

// Dependencies
@import 'config/variables';
@import 'config/language';
@import 'scss/functions/rem';

$fonts: map-get($variables, 'fonts');
$font-sizes: map-get($variables, 'font-sizes');
$font-weights: map-get($variables, 'font-weights');

$em-base: map-get($variables, 'em-base');

$font-size-xsmall: map-get($font-sizes, 'font-size-xsmall');
$font-size-small: map-get($font-sizes, 'font-size-small');
$font-size-base: #{$em-base}px;
$font-size-normal: map-get($font-sizes, 'font-size-normal');
$font-size-medium: map-get($font-sizes, 'font-size-medium');
$font-size-large: map-get($font-sizes, 'font-size-large');
$font-size-larger: map-get($font-sizes, 'font-size-larger');
$font-size-largest: map-get($font-sizes, 'font-size-largest');
$font-size-jumbo: map-get($font-sizes, 'font-size-jumbo');

$font-size-print: map-get($font-sizes, 'font-size-print');

$font-weight-normal: map-get($font-weights, normal);
$font-weight-bold: map-get($font-weights, bold);

$font-family-sans: map-get($fonts, default-sans);
$font-family-serif: map-get($fonts, default-serif);

@if $language == 'kr' {
  $font-family-sans: map-get($fonts, kr-sans);
  $font-family-serif: map-get($fonts, kr-serif);
}

@if $language == 'tc' {
  $font-family-sans: map-get($fonts, tc-sans);
  $font-family-serif: map-get($fonts, tc-serif);
}

@if $language == 'ar' {
  $font-family-sans: map-get($fonts, ar-sans);
  $font-family-serif: map-get($fonts, ar-serif);
}

@mixin font-smooth() {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin font-smooth-auto() {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}