/* =========================================================
   FONTS.CSS
   청첩장 전체 폰트 등록 / 폰트 변수
========================================================= */


/* =========================================================
   1. Font Variables
========================================================= */

:root {

  /* Intro - 신랑 / 신부 이름 */
  --font-intro-name:
    "Cormorant Garamond",
    Georgia,
    serif;


  /* Intro / Closing 필기체 */
  --font-intro-script:
    "Great Vibes",
    "Nanum Pen Script",
    cursive;


  /* Intro 좌우 작은 문구 */
  --font-intro-side:
    "SUIT-Light",
    "Noto Sans KR",
    Arial,
    sans-serif;


  /* Greeting 제목 */
  --font-greeting-title:
    "Cormorant Garamond",
    Georgia,
    serif;


  /* Greeting 본문 */
  --font-greeting-body:
    "Noto Serif KR",
    serif;


  /* 공통 영문 section 제목 fallback */
  --font-section-title:
    "Sometimestimes",
    "Cormorant Garamond",
    Georgia,
    serif;


  /* 전체 기본 한글 본문 */
  --font-body:
    "SUIT-Light",
    "Noto Sans KR",
    Arial,
    sans-serif;
}


/* =========================================================
   2. Sometimes Times
========================================================= */


/*
  Regular

  실제 Regular 파일이므로
  font-weight는 400으로 고정
*/
@font-face {
  font-family: "Sometimestimes";

  src:
    url("../font/Sometimestimes.woff2")
    format("woff2");

  font-weight: 400;
  font-style: normal;

  font-display: swap;

  /*
    영문 / 숫자 / 기본 라틴 문자에만 사용
  */
  unicode-range:
    U+0000-024F;
}


/*
  Italic

  별도의 family 이름을 만들지 않고
  Sometimestimes라는 동일한 family에서
  font-style만 italic으로 구분
*/
@font-face {
  font-family: "Sometimestimes";

  src:
    url("../font/SometimesTimes-Italic.woff2")
    format("woff2");

  font-weight: 400;
  font-style: italic;

  font-display: swap;

  unicode-range:
    U+0000-024F;
}


/* =========================================================
   3. SUIT Thin - 100
========================================================= */

@font-face {
  font-family: "SUIT-Thin";

  src:
    url("../font/SUIT-Thin.woff2")
    format("woff2");

  font-weight: 100;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   4. SUIT ExtraLight - 200
========================================================= */

@font-face {
  font-family: "SUIT-ExtraLight";

  src:
    url("../font/SUIT-ExtraLight.woff2")
    format("woff2");

  font-weight: 200;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   5. SUIT Light - 300
========================================================= */

@font-face {
  font-family: "SUIT-Light";

  src:
    url("../font/SUIT-Light.woff2")
    format("woff2");

  font-weight: 300;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   6. SUIT Regular - 400
========================================================= */

@font-face {
  font-family: "SUIT-Regular";

  src:
    url("../font/SUIT-Regular.woff2")
    format("woff2");

  font-weight: 400;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   7. SUIT Medium - 500
========================================================= */

@font-face {
  font-family: "SUIT-Medium";

  src:
    url("../font/SUIT-Medium.woff2")
    format("woff2");

  font-weight: 500;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   8. SUIT SemiBold - 600
========================================================= */

@font-face {
  font-family: "SUIT-SemiBold";

  src:
    url("../font/SUIT-SemiBold.woff2")
    format("woff2");

  font-weight: 600;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   9. SUIT Bold - 700
========================================================= */

@font-face {
  font-family: "SUIT-Bold";

  src:
    url("../font/SUIT-Bold.woff2")
    format("woff2");

  font-weight: 700;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   10. SUIT ExtraBold - 800
========================================================= */

@font-face {
  font-family: "SUIT-ExtraBold";

  src:
    url("../font/SUIT-ExtraBold.woff2")
    format("woff2");

  font-weight: 800;
  font-style: normal;

  font-display: swap;
}


/* =========================================================
   11. SUIT Heavy - 900
========================================================= */

@font-face {
  font-family: "SUIT-Heavy";

  src:
    url("../font/SUIT-Heavy.woff2")
    format("woff2");

  font-weight: 900;
  font-style: normal;

  font-display: swap;
}