/* 제철이네포차 디자인 토큰 — 로고에서 추출한 색. 공개 페이지와 관리자가 함께 쓴다. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

:root {
  /* 브랜드 */
  --yellow: #FEF203;      /* 메인 */
  --yellow-soft: #FFF9B0;
  --cream: #FFFBE0;
  --navy: #001D75;        /* 글자, 노랑 위 버튼 */
  --navy-90: #0A2A8A;
  --blue: #0060E0;        /* 바다 */
  --sky: #00C0F8;
  --red: #F90101;         /* 포인트 — 적게 */
  --white: #FFFFFF;

  /* 의미 */
  --text: var(--navy);
  --text-muted: #4A5683;
  --line: #D9DEEE;
  --bg: var(--white);
  --bg-alt: var(--cream);

  /* 글꼴 */
  --font-body: 'Pretendard', -apple-system, 'Malgun Gothic', sans-serif;
  --font-display: 'Black Han Sans', 'Pretendard', sans-serif;

  /* 형태 — 로고처럼 굵은 외곽선, 둥근 모서리 */
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --stroke: 3px solid var(--navy);
  --shadow-pop: 6px 6px 0 var(--navy);

  --container: 1200px;
  --gutter: 20px;
}