/* =====================================================================
   Viral Dish 디자인 값 (테마) — v2 · Claude Design "Viral Dish App" A안
   앱 전체 디자인을 바꿀 때는 이 파일만 고치면 된다. app.css는 여기 값만 쓴다.
   (앱 이름·로고·한 줄 소개는 brand.js)
   ===================================================================== */
:root {
  /* ── 브랜드 ── */
  --brand: #F4544A;          /* 버튼 · 선택 · 진행 */
  --brand-strong: #D9443B;   /* 눌렀을 때 */
  --brand-soft: #FFF1F0;     /* 선택된 카드 배경 · 대표 배지 */
  --brand-faint: #FFD9D6;    /* 로딩 동그라미 흐린 쪽 */
  --brand-rgb: 244, 84, 74;

  /* ── 글자 ── */
  --ink: #191F28;            /* 제목 · 기본 */
  --ink-2: #4E5968;          /* 본문 보조 */
  --muted: #6B7684;          /* 설명 */
  --faint: #8B95A1;          /* 흐린 글자 · 단계 표시 */
  --hint: #B0B8C1;           /* 입력 안내 · 꺼진 탭 */
  --on-color: #FFFFFF;

  /* ── 면 · 선 ── */
  --bg: #FFFFFF;             /* 화면 */
  --field: #F2F4F6;          /* 입력칸 · 칩 · 회색 버튼 */
  --soft: #F7F8FA;           /* 안내 상자 */
  --line: #E5E8EB;           /* 테두리 · 진행 막대 빈칸 */
  --line-2: #F2F4F6;         /* 구분선 */
  --line-dash: #D1D6DB;      /* 점선 (사진 추가) */
  --dark: #191F28;           /* 선택된 칩 · 검은 버튼 */

  /* ── 상태 ── */
  --ok: #1B9E5A;
  --warn: #B7791F;
  --danger: #E5484D;

  /* ── 소셜 로그인 버튼 ── */
  --kakao: #FEE500; --kakao-ink: #191919;

  /* ── 글꼴 ── */
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --pen: 'Nanum Pen Script', cursive;

  /* ── 둥글기 ── */
  --r-sm: 9px; --r-md: 12px; --r-lg: 14px; --r-xl: 18px; --r-2xl: 22px;

  /* ── 크기 ── */
  --tab-h: 84px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}