/* ============================================================
   ✏️ 색상 시스템 — 원본 포스터 기반
============================================================ */
:root {
  --navy:        #1B2E5E;
  --navy-dark:   #0F1D3E;
  --navy-deep:   #091428;
  --orange:      #E8501F;   /* 배경·버튼·외곽선 전용 (흰 글자 위) */
  --orange-l:    #FF6B3A;   /* 어두운 배경 위 텍스트·아이콘 */
  --orange-text: #B83A0D;   /* 밝은(흰/아이보리) 배경 위 주황 텍스트 — WCAG AA 대비 확보 */
  --green:       #2A7A4B;
  --purple:      #5C2E99;
  --blue:        #1650C8;
  --blue-l:      #4A7BE0;   /* 어두운 배경 위 파랑 배지/텍스트 */

  --ivory:       #FAF8F4;
  --ivory-2:     #F2EFE8;
  --ivory-3:     #EAE5DA;
  --border:      #E4DFD4;

  --black:       #1C1C1E;
  --text:        #2E2E30;
  --text-sub:    #6B6B72;
  --text-dim:    #9A9AA3;

  --display: 'Sora', 'Noto Sans KR', sans-serif;
  --body:    'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;

  --radius:    24px;
  --radius-sm: 16px;
  --radius-lg: 32px;
  --shadow:    0 4px 24px rgba(27,46,94,0.07);
  --shadow-lg: 0 20px 60px rgba(27,46,94,0.14);
  --shadow-orange: 0 10px 30px rgba(232,80,31,0.28);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 88px; }

body {
  font-family: var(--body);
  background: var(--ivory);
  color: var(--black);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }