/* ================================================================
   청춘배낭 디자인 토큰 (Layer A)  — 전 페이지 공통
   시안: D:\2024 계약서\청춘배낭 홈페이지\site\styles.css
   폰트는 시안의 TTF 를 woff2 로 변환해 실었다 (14.5MB -> 2.0MB).
   ================================================================ */

@font-face {
  font-family: "Kyobo Handwriting 2025 Lee Yubin";
  src: url("../fonts/youth/KyoboHandwriting2025lyb.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gaegu";
  src: url("../fonts/youth/Gaegu-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gaegu";
  src: url("../fonts/youth/Gaegu-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Comic Relief";
  src: url("../fonts/youth/ComicRelief-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Comic Relief";
  src: url("../fonts/youth/ComicRelief-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* 시안 :root 값을 이름까지 그대로 옮긴다.
   시안 CSS 를 발췌해 쓰기 때문에 변수명을 바꾸면 안 된다. */
:root {
  --cream: #fbf6ef;
  --program-cream: #fbf6ef;
  --program-card: #fdf8f3;
  --navy: #073b86;
  --yellow: #ffb800;
  --line: rgba(97, 88, 75, 0.13);
  --handwriting-font: "Kyobo Handwriting 2025 Lee Yubin", "Nanum Pen Script", cursive;
}

/* 기존 테마 브랜드색(오렌지)을 청춘배낭 블루로 교체한다.
   theme-vars.css 의 --main-color 를 덮어쓰는 것이라 이 파일이 뒤에 로드되어야 한다.
   #073b86(시안 네이비)이 아니라 #0c5ab9(시안 링크 hover 블루)를 쓰는 이유:
   --main-color 는 배경색 + color:#fff 조합으로 15곳 이상 쓰인다. 네이비는 다크 배경(#161616)
   위에서 버튼 경계가 사라지고, 이 블루는 흰 글씨 대비 6.6:1 로 충분하다. */
:root {
  --main-color: #0c5ab9;
}