/* SOCRATAPS — 브랜드 토큰
   출처: 대시보드 v3 (컬러 시스템 2장 · 타이포 3장 · Do&Don't 7장) */

/* ---------- 폰트 ---------- */
@font-face{font-family:'Playfair Display';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/playfair-display-600.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:700;font-style:normal;font-display:swap;
  src:url('../fonts/playfair-display-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/pretendard-400.woff2') format('woff2')}
@font-face{font-family:'Pretendard';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/pretendard-600.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/eb-garamond-400.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/eb-garamond-600.woff2') format('woff2')}
@font-face{font-family:'Noto Serif KR';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/noto-serif-kr-400.woff2') format('woff2')}
@font-face{font-family:'Noto Serif KR';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/noto-serif-kr-600.woff2') format('woff2')}

:root{
  /* 컬러 — 면적 비율 네이비 55 / 크림 20 / 딥 10 / 베이지 10 / 잉크 5 */
  --navy:#212842;          /* Midnight Indigo — 메인 면 */
  --deep:#2E3757;          /* Deep Indigo — 카드 헤더·보조 면 */
  --beige:#D8CBB3;         /* Warm Beige — 선·아이콘·소량 강조 전용 */
  --cream:#F0E7D5;         /* Vanilla Cream — 배경 */
  --ink:#161B2E;           /* Ink Navy — 본문 텍스트 */

  --cream-70:rgba(240,231,213,.70);
  --cream-45:rgba(240,231,213,0.54);   /* 네이비 위 4.5:1 확보 */
  --beige-line:rgba(216,203,179,.34);
  --beige-dark:#8C7B5C;    /* 베이지 계열 어두운 톤 — 번호·캡션용 */
  --ink-60:rgba(22,27,46,0.63);      /* 크림 위 4.5:1 확보 */

  /* 타이포 — 워드마크·명언은 세리프, 본문·UI는 산세리프 */
  --f-display:'Playfair Display',Georgia,serif;
  --f-quote:'Noto Serif KR','Apple SD Gothic Neo',serif;
  --f-origin:'EB Garamond',Georgia,serif;   /* 원어 병기 전용 */
  --f-body:'Pretendard','Apple SD Gothic Neo',-apple-system,sans-serif;
  --f-en:'Inter',-apple-system,sans-serif;

  /* 레이아웃 */
  --app-w:390px;
  --app-h:844px;
  --pad:22px;
  --r-card:16px;
  --tabbar-h:72px;
  /* 아이폰 홈 인디케이터가 가리는 높이. 맥·안드로이드에서는 0 이라 아무것도 달라지지 않는다 */
  --safe-b:env(safe-area-inset-bottom,0px);

  --ease:cubic-bezier(.22,.61,.36,1);

  /* 레이어 순서 — 숫자를 곳곳에 흩뿌리지 않는다 */
  --z-tabbar:40;
  --z-detail:60;
  --z-sheet:70;
  --z-story:80;
  --z-overlay:90;
  --z-splash:100;
}