/* 해피운세 디자인 토큰 — 모든 화면에서 공통으로 사용 */

:root {
  /* Color · 바탕 */
  --hu-bg: #FFFBF3;            /* 크림 기본 바탕 */
  --hu-surface: #FFFFFF;       /* 카드 */
  --hu-line: #F1E6D6;          /* 카드 테두리 */
  --hu-line-strong: #E6D9C6;   /* 입력창·버튼 테두리 */
  --hu-outline: #3B3346;       /* 캐릭터·강조 카드의 굵은 외곽선 */

  /* Color · 글자 */
  --hu-ink: #25283D;           /* 본문 기본 */
  --hu-ink-2: #3F4254;
  --hu-muted: #4A4E60;         /* 보조 설명 (4.5:1 이상) */
  --hu-muted-2: #5C6070;

  /* Color · 브랜드 */
  --hu-primary: #C9481F;       /* 코랄 · 주요 버튼 (흰 글자 대비 4.9:1) */
  --hu-primary-ink: #A93A16;   /* 코랄 글자 */
  --hu-star: #E0900F;          /* 별점 */
  --hu-sun: #FFD45C;           /* 해 일러스트 */
  --hu-kakao: #FEE500;

  /* Color · 파스텔 영역 */
  --hu-peach: #FFEEDB;
  --hu-sky: #EEF4FF;
  --hu-mint: #E9F6EE;
  --hu-pink: #FDECEF;
  --hu-lavender: #F3EEFF;
  --hu-butter: #FFF4E2;
  --hu-hill: #B9DFC2;
  --hu-mountain: #DCEAF6;

  /* Type */
  --hu-font: 'Gothic A1', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --hu-font-cute: 'Jua', 'Gothic A1', sans-serif;  /* 말풍선·소제목·숫자 배지에만 */
  --hu-fs-body: 16px;          /* 모바일 본문 최소 15~16px (30~60대 타깃) */
  --hu-fs-body-lg: 18px;       /* 데스크톱 본문 */

  /* Radius */
  --hu-r-sm: 12px;
  --hu-r-md: 16px;
  --hu-r-card: 24px;
  --hu-r-card-lg: 32px;
  --hu-r-pill: 999px;

  /* Size */
  --hu-btn-h: 58px;            /* 주요 버튼 높이 (모바일) */
  --hu-btn-h-lg: 64px;         /* 주요 버튼 높이 (데스크톱) */
  --hu-touch: 44px;            /* 최소 터치 영역 */
  --hu-app-max: 480px;         /* 모바일 앱 최대 폭 */
  --hu-web-max: 1200px;        /* 데스크톱 콘텐츠 폭 */
}