// Inter Variable Font (slnt, wght) - Variable Font 방식
// 주석 처리: Variable Font가 작동하지 않으면 아래 Static 방식 사용
// @font-face {
//   font-family: "AppFont";
//   src: url("../../fonts/inter/Inter-VariableFont_slnt,wght.ttf") format('opentype');
//   font-weight: 100 900;
//   font-style: oblique -10deg 0deg;
//   font-display: swap;
//   unicode-range: U+0000-00FF;
// }

// Static 폴더의 개별 파일 사용 (100-900 weight 지원)
$inter-weights: (
  100: "Thin",
  200: "ExtraLight",
  300: "Light",
  400: "Regular",
  500: "Medium",
  600: "SemiBold",
  700: "Bold",
  800: "ExtraBold",
  900: "Black"
);

@each $weight, $name in $inter-weights {
  @font-face {
    font-family: "AppFont";
    src: url("../../fonts/inter/Inter-#{$name}.woff2") format('woff2');
    font-weight: $weight;
    font-style: normal;
    font-display: swap;
    unicode-range:
      U+0000-00FF,
      U+20A0-20CF;
  }
}

@each $weight, $name in $inter-weights {
  @font-face {
    font-family: "AppFont";
    src: url("../../fonts/pretendard/Pretendard-#{$name}.woff2") format('woff2');
    font-weight: $weight;
    font-style: normal;
    font-display: swap;
    unicode-range: U+AC00-D7A3;
  }
}



// Letter Spacing (mixins에서 기본값으로 사용)
$letter-spacing: -0.025rem;

// Typography tokens (SCSS $ 방식)

// Desktop tokens
$fs-h1: 4rem;
$fs-h2: 2.4rem;
$fs-h3: 2rem;
$fs-h4: 1.8rem;
$fs-p1: 1.6rem;
$fs-p2: 1.4rem;
$fs-p3: 1.2rem;

$lh-h1: 5rem;
$lh-h2: 3.2rem;
$lh-h3: 3rem;
$lh-h4: 2.8rem;
$lh-p1: 2.6rem;
$lh-p2: 2rem;
$lh-p3: 1.8rem;

// Mobile tokens (<= lg)
$fs-h1-m: 2rem;
$fs-h2-m: 1.8rem;
$fs-h3-m: 1.6rem;
$fs-h4-m: 1.6rem;
$fs-p1-m: 1.4rem;
$fs-p2-m: 1.2rem;
$fs-p3-m: 1.2rem;

$lh-h1-m: 3rem;
$lh-h2-m: 2.8rem;
$lh-h3-m: 2.6rem;
$lh-h4-m: 2.6rem;
$lh-p1-m: 2rem;
$lh-p2-m: 1.8rem;
$lh-p3-m: 1.8rem;

// Desktop
$typography-desktop: (
  "h1": ($fs-h1, $lh-h1),
  "h2": ($fs-h2, $lh-h2),
  "h3": ($fs-h3, $lh-h3),
  "h4": ($fs-h4, $lh-h4),
  "p1": ($fs-p1, $lh-p1),
  "p2": ($fs-p2, $lh-p2),
  "p3": ($fs-p3, $lh-p3)
);

// Mobile (<= lg)
$typography-mobile: (
  "h1": ($fs-h1-m, $lh-h1-m),
  "h2": ($fs-h2-m, $lh-h2-m),
  "h3": ($fs-h3-m, $lh-h3-m),
  "h4": ($fs-h4-m, $lh-h4-m),
  "p1": ($fs-p1-m, $lh-p1-m),
  "p2": ($fs-p2-m, $lh-p2-m),
  "p3": ($fs-p3-m, $lh-p3-m)
);

$digit: (
  "h1": ($lh-h1),
  "h2": ($lh-h2),
  "h3": ($lh-h3),
  "h4": ($lh-h4),
  "p1": ($lh-p1),
  "p2": ($lh-p2),
  "p3": ($lh-p3)
);

// Mobile (<= lg)
$digit-mobile: (
  "h1": ($lh-h1-m),
  "h2": ($lh-h2-m),
  "h3": ($lh-h3-m),
  "h4": ($lh-h4-m),
  "p1": ($lh-p1-m),
  "p2": ($lh-p2-m),
  "p3": ($lh-p3-m)
);

$font-temha : "Temha-Icon";