/* =============================================
   Highest Level Advisor — Design Tokens
   팔레트 : Ivory #F0EAD9 · Gold #C8A253 · Burgundy #7A2230 · Ink #2B2520
   세리프  : Nanum Myeongjo (한글) · Playfair Display (영문 강조)
   산세리프: Pretendard
   ============================================= */

/* ── 01. 색상 토큰 ── */
:root {
  --navy:       #F0EAD9;
  --navy2:      #F6F0E2;
  --navy3:      #EDE4CF;
  --gold:       #C8A253;
  --gold-deep:  #A87A1E;
  --gold2:      #7A2230;
  --cream:      #F0EAD9;
  --cream2:     #F8F3E8;
  --ink:        #2B2520;

  /* 보더 */
  --border-d:   rgba(122, 34, 48, 0.20);
  --border-d2:  rgba(122, 34, 48, 0.12);
  --border-l:   rgba(43, 37, 32, 0.10);
  --border-l2:  rgba(43, 37, 32, 0.06);

  /* ── 02. 텍스트 색상 ── */
  --text-on-dark:       #2B2520;
  --text-on-dark-mid:   #5A5650;
  --text-on-dark-soft:  #8A8174;
  --text-on-light:      #2B2520;
  --text-on-light-mid:  #5A5650;
  --text-on-light-soft: #8A8174;

  /* ── 03. 서체 ── */
  --font-sans:   'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif:  'Playfair Display', Georgia, serif;         /* 영문 강조용 */
  --font-serif2: 'Nanum Myeongjo', 'Noto Serif KR', serif;  /* 한글 세리프 기본 */

  /* ── 04. 타이포 스케일 ── */
  --text-2xs:  9px;
  --text-xs:   10px;
  --text-sm:   11px;
  --text-base: 13px;
  --text-md:   14px;
  --text-lg:   15px;
  --text-xl:   16px;
  --text-2xl:  18px;
  --text-3xl:  22px;
  --text-4xl:  28px;
  --text-5xl:  36px;
  --text-6xl:  44px;
  --text-hero: 62px;

  /* ── 05. 간격 스케일 ── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  32px;
  --sp-8:  48px;
  --sp-9:  64px;
  --sp-10: 80px;
  --sp-11: 100px;
  --sp-12: 120px;

  /* 섹션 상하 패딩 */
  --section-py:    100px;
  --section-py-sm: 60px;   /* 모바일에서 덮어씀 */

  /* ── 06. 레이아웃 ── */
  --container:  1080px;
  --gutter:     64px;      /* 좌우 패딩 */
  --header-h:   72px;
  --ease:       0.2s ease;
}