/* 영문·숫자 전용 서체(Rubik, 300~900).
   unicode-range 로 라틴 영역에만 적용되어 한글은 시스템 폰트가 맡는다.
   앱과 같은 서체를 직접 호스팅한다. SIL OFL. */
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-21FF,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --hr-font-family-app: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Segoe UI", "Malgun Gothic", sans-serif;
  --hr-font-family-base: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Segoe UI", "Malgun Gothic", sans-serif;
  --hr-font-family-document: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
    "Segoe UI", "Malgun Gothic", sans-serif;
  --hr-letter-spacing-common: -0.1px;

  --hr-font-size-ad-badge: 9px;
  --hr-font-size-micro: 10px;
  --hr-font-size-tiny: 11px;
  --hr-font-size-caption: 12px;
  --hr-font-size-meta: 13px;
  --hr-font-size-control: 14px;
  --hr-font-size-body: 15px;
  --hr-font-size-body-large: 16px;
  --hr-font-size-headline: 17px;
  --hr-font-size-section-title: 18px;
  --hr-font-size-screen-title: 20px;
  --hr-font-size-screen-title-large: 22px;
  --hr-font-size-page-title: 24px;
  --hr-font-size-metric: 26px;
  --hr-font-size-media-title-maximum: 44px;

  --hr-font-weight-light: 300;
  --hr-font-weight-regular: 400;
  --hr-font-weight-medium: 500;
  --hr-font-weight-semi-bold: 600;
  --hr-font-weight-bold: 700;
  --hr-font-weight-extra-bold: 800;
  --hr-font-weight-black: 900;
}