/* ============================================================
   I.F 2026 LIVE — 디자인 토큰
   시안 v3 기준. 색 4개 + 글자 7단계만 씁니다. 여기 없는 값은 쓰지 않습니다.
   ============================================================ */
:root {
  /* 색 */
  --ink: #0E0B0C;        /* 배경(무대) */
  --ink-2: #14100F;      /* 살짝 밝은 배경 */
  --ink-3: #070505;      /* 푸터 */
  --paper: #F1EAE2;      /* 글자, 종이 */
  --pink: #D65C8E;
  --mint: #4DBE8C;
  --red: #D8322F;
  --white: #FFFFFF;      /* 종이 카드 위의 흰 버튼 면 */
  /* 크림색 종이 위에 얹는 글씨용. 원래 분홍·민트는 밝은 바탕에서 대비가 2:1 대라 안 읽힙니다 */
  --pink-on-paper: #A33257;
  --mint-on-paper: #2C7A57;
  --neon-pink: #FF4FA3;  /* 네온 포인트 3곳에만 */
  --neon-pink-2: #FF8CC8;
  --neon-text: #FFD6EA;

  /* 글자 7단계 (데스크탑) + 카운트다운 전용 2개 */
  --fs-count: 56px;      /* 카운트다운 숫자 (예외) */
  --fs-badge: 64px;      /* 스티커 배지 D-day (예외) */
  --fs-display: 96px;
  --fs-num: 64px;
  --fs-h2: 40px;
  --fs-h3: 32px;
  --fs-lead: 24px;
  --fs-body: 20px;
  --fs-label: 16px;

  /* 폰트 */
  /* 영문 대문자 제목 — 포스터의 목소리 */
  --font-display: 'Anton', 'Impact', 'Arial Narrow', sans-serif;
  /* 한글 제목 — 공연 간판처럼 굵고 또렷하게 (도현체, 굵기 하나뿐이라 weight 400 고정) */
  --font-ko: 'Do Hyeon', 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', sans-serif;
  /* 본문 — 길게 읽어도 편한 글꼴 */
  --font-body: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  /* 강조 — 첫 시안의 두꺼운 글씨. 큰 글자에만 씁니다(작으면 획이 뭉개집니다) */
  --font-impact: 'Black Han Sans', 'Do Hyeon', 'Pretendard Variable', sans-serif;
  /* 간판 붓글씨 — 가게 간판을 옮겨 그릴 때 씁니다 */
  --font-brush: 'Gugi', 'Black Han Sans', 'Do Hyeon', sans-serif;
  /* 영수증·티켓의 숫자 */
  --font-mono: 'Share Tech Mono', 'Consolas', monospace;

  /* 레이아웃 */
  --wrap: 1320px;
  --gutter: 60px;
  --nav-h: 88px;
  --sec-pad: 80px;

  /* 모션 */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --dur: .6s;
}

@media (max-width: 1024px) {
  :root {
    --fs-display: 72px;
    --fs-num: 52px;
    --fs-h2: 34px;
    --fs-h3: 28px;
    --fs-lead: 22px;
    --fs-body: 18px;
    --fs-label: 15px;
    --fs-count: 48px;
    --fs-badge: 56px;
    --gutter: 32px;
    --nav-h: 76px;
    --sec-pad: 64px;
  }
}

@media (max-width: 640px) {
  :root {
    /* 모바일 7단계 */
    --fs-display: 56px;
    --fs-num: 44px;
    --fs-h2: 30px;
    --fs-h3: 24px;
    --fs-lead: 20px;
    --fs-body: 17px;
    --fs-label: 14px;
    --fs-count: 32px;
    --fs-badge: 40px;
    --gutter: 16px;
    --nav-h: 72px;
    --sec-pad: 44px;
  }
}