/* ── 디자인 토큰 ───────────────────────────────────────────── */
:root {
  /* 메인 (오늘의 묵주 톤앤매너: 네이비 · 블루 · 연하늘) */
  --ivory: #f3f7fc; /* 배경 */
  --cream: #ffffff; /* 카드 */
  --paper: #eaf1fa;
  --burgundy: #1d4b8f; /* 주요 색 (이전 이름 유지) */
  --burgundy-deep: #1a3466;
  --burgundy-soft: #e6eef9;
  /* 포인트 */
  --gold: #5da3ec;
  --gold-text: #2f6db5;
  --gold-soft: #d6e7fb;
  --gold-line: rgba(93, 163, 236, 0.35);
  --rose: #9cc4f2;
  --rose-soft: #eef4fc;
  /* 브랜드 */
  --navy: #1e3a6e;
  --sky: #5ea2ee;
  --sky-deep: #3e86da;
  /* 텍스트 (연한 하늘 배경 대비: ink 14:1, ink-2 7.3:1, ink-3 5.2:1) */
  --ink: #1f2a3d;
  --ink-2: #475467;
  --ink-3: #5f6b7d;
  --line: #dde6f2;
  --line-strong: #c6d4e6;

  --radius-s: 12px;
  --radius-m: 18px;
  --radius-l: 26px;
  --shadow-s: 0 1px 2px rgba(20, 40, 80, 0.05), 0 2px 8px rgba(20, 40, 80, 0.05);
  --shadow-m: 0 2px 6px rgba(20, 40, 80, 0.05), 0 10px 30px rgba(26, 52, 102, 0.08);
  --shadow-l: 0 20px 60px rgba(26, 52, 102, 0.16);

  --font-serif: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; /* 제목도 고딕 (톤앤매너) */
  --font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-s: 220ms;
  --dur-m: 480ms;
  --dur-l: 900ms;

  --gutter: 20px;
  --maxw: 768px;
  --topbar-h: 56px;
  /* 안전 영역: 브라우저 값(env) 또는 안드로이드 앱(Capacitor)이 넣어 주는 값 중 큰 쪽 — 앱에서 휴대폰 상단·하단 바와 겹치지 않게 */
  --safe-b: max(env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px));
  --safe-t: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));
  --bottombar-h: calc(84px + var(--safe-b));

  color-scheme: light;
}

@media (max-width: 374px) {
  :root {
    --gutter: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-s: 1ms;
    --dur-m: 1ms;
    --dur-l: 1ms;
  }
}