:root {
  /* Brand / Pastel */
  --c-pink:      #FFD3DC;   /* 베이비 핑크 */
  --c-mint:      #C9F2E3;   /* 민트 */
  --c-cream:     #FFF6E9;   /* 크림(기본 배경) */
  --c-lavender:  #E4DCFB;   /* 라벤더 */
  --c-wood:      #EFE0CE;   /* 나무결 배경 톤 */

  /* Semantic */
  --bg:          var(--c-cream);
  --surface:     #FFFFFF;
  --surface-2:   #FFFBF4;
  --primary:     #F49AB0;   /* 강조(핑크 딥) */
  --primary-ink: #6B3A45;
  --accent:      #5FC7A6;   /* 민트 딥(성공/온라인) */
  --text:        #4A3F39;   /* 따뜻한 다크브라운 */
  --text-mute:   #9A8C82;
  --line:        #EDE3D7;   /* 구분선 */
  --warn:        #E8A23D;
  --danger:      #E36A6A;

  /* Typo / Spacing / Shape */
  --font-sans: "Pretendard","Noto Sans KR",system-ui,sans-serif;
  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:26px; --fs-2xl:34px;
  --lh:1.55;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-8:48px;

  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-pill:999px;

  --sh-1:0 2px 8px rgba(120,90,60,.08);
  --sh-2:0 6px 20px rgba(120,90,60,.12);
}

:root[data-theme="dark"] {
  --bg:          #211D1B;
  --surface:     #2B2623;
  --surface-2:   #332D29;
  --primary:     #F7A9BC;
  --primary-ink: #FFE3EA;
  --accent:      #79D8B8;
  --text:        #F3E9E0;
  --text-mute:   #B8A89C;
  --line:        #3C342F;
  --warn:        #F0B45C;
  --danger:      #EE8585;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  line-height: var(--lh);
}