/* 1차 웹 공통 디자인 토큰.
   브랜드색은 이 파일의 :root 한 곳에서만 정의한다. 페이지 CSS는 var(--…)만 쓴다. */
:root {
  color-scheme: only light;   /* 1차 웹은 라이트 전용 - 삼성 인터넷·Chrome의 강제 다크 모드가 아이콘·배경을 어둡게 바꾸지 않게 */
  --brand: #E73754;          /* 강조(연한 배경·아이콘·말풍선) */
  --brand-button: #D62F4A;   /* 흰 글자가 올라가는 채움 버튼·배지 */
  --brand-text: #C8243F;     /* 흰/연분홍 배경 위 작은 빨간 글자 */
  --brand-10: rgba(231, 55, 84, .10);
  --brand-05: rgba(231, 55, 84, .05);
  --brand-40: rgba(231, 55, 84, .40);

  --bg: #FFFFFF;
  --surface: #F2F2F2;
  --divider: #EFEFEF;
  --text-title: #191919;
  --text-body: #454545;
  --text-bubble: #333333;
  --text-sub: #6F6F6F;
  --text-muted: #8A8A8A;
  --text-hint: #A4A4A4;
  --on-brand: #FFFFFF;

  --r-bubble: 16px;
  --r-card: 12px;
  --r-chip: 14px;
  --r-input: 10px;
  --r-button: 8px;

  /* 1차는 시스템 글꼴(Pretendard 자체 호스팅은 2차) */
  --font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}