/* style/themes/light.css */
:root {
  /* 🎨 배경 */
  --color-bg: #fffaf5;
  --color-surface: #ffffff;
  --color-surface-light: #fff4f6;   /* 기존보다 살짝 로즈 기운 추가 */
  --color-surface-deep: #ffdbe5;
  --color-surface-bright: #fff7fa;

  /* 🌸 메인 로즈핑크 테마 */
  --color-primary: #e06b88;         /* 스플래시 타이틀 컬러와 통일 */
  --color-primary-dark: #cc5f75;    /* hover 시 약간 어둡게 */
  --color-primary-light: #f7bdc8;   /* 연핑크 강조용 */
  --color-primary-soft: #ffe5ec;    /* 스플래시와 같은 배경 */

  /* 🌼 상단 배너 전용 노랑 계열 */
  --color-banner-yellow-light: #fff3c1;
  --color-banner-yellow-deep: #ffe89c;
  --color-banner-border: #e6d6a9;
  --color-banner-text: #7a5555;     /* 기존보다 부드러운 브라운톤 */

  /* 🧡 서브 오렌지 */
  --color-accent-orange: #ffa07a;
  --color-accent-orange-dark: #ff7a55;

  /* 💛 강조 노랑 */
  --color-accent-yellow: #ffe066;
  --color-accent-yellow-soft: #fff5c2;

  /* ❤️ 상태용 레드 */
  --color-error: #ff6b6b;
  --color-error-bg: #ffe6e6;

  /* ✅ 상태용 그린 */
  --color-success: #63c79c;
  --color-success-bg: #e4fff2;

  /* 🪶 텍스트 */
  --color-text: #2e2e2e;
  --color-subtext: #b26c7d;         /* 스플래시 서브 텍스트와 통일 */
  --color-muted: #caa0a7;           /* 감성적인 뮤트톤 */
  --color-button-text: #ffffff;

  /* 🎗️ 테두리/섀도우 */
  --color-border: #ffd5dd;
  --color-border-soft: #ffe5ec;
  --color-shadow: rgba(224, 107, 136, 0.18);  /* 로즈톤 그림자 */

  --color-card-border: rgba(0, 0, 0, 0.06);

  /* ✏️ 입력창 */
  --color-input-bg: #fff4f6;
  --color-input-border: #ffcfdc;
  --color-input-text: #333333;
  --color-input-placeholder: #aaaaaa;

  /* 예시화면용 */
  --color-modal-bg: #fefafb;
  --color-card-bg: #ffffff;
  --color-user-bubble: #fdf1f5;
  --color-recipe-bg: #f8f9fa;
  --color-recipe-border: #e8d4db;

  --color-tag-mint: #d0f0e0;
  --color-tag-sky: #e0f4ff;
  --color-tag-lavender: #f6e0ff;

  /* 🅰️ 폰트 */
  --font-family: 'Pretendard', 'Noto Sans KR', sans-serif;

  /* 📦 기타 UI */
  --radius-large: 1.25rem;
  --radius-medium: 0.75rem;
  --radius-small: 0.5rem;
  --transition: 0.25s ease-in-out;
}