:root{
  --brand:#10b981; /* 메인컬러(청록) */
  --brand-hover: #059669;
  --bg:#f5f7fb;    /* 앱 배경 */
  --card:#ffffff;  /* 카드 배경 */
  --text:#111827;  /* 본문 */
  --muted:#6b7280; /* 보조 텍스트 */
  --radius:16px;
  --shadow:0 6px 18px rgba(0,0,0,.06);
  --icon-color: #163a6b;  
  --bar: #d0d8e6;
}


html[data-theme="dark"] {
  --bg:#0b0f14;
  --card:#0f141a; 
  --text:#e5e7eb; 
  --muted:#94a3b8;
  --shadow:0 6px 18px rgba(0,0,0,.35);
  --icon-color: #cfe8ff;
  --bar: #3f4650;
}