:root{
  /* 브라우저 기본 요소(입력칸·달력 팝업·스크롤바 등)도 같은 테마를 따르게 함 */
  color-scheme:light;

  --bg:#ffffff;
  --panel:#ffffff;
  --text:#111111;
  --text-sub:#666666;
  --line:#e5e5e5;
  --accent:#1a73e8;
  --accent-bg:#e8f0fe;
  --danger:#d93025;
  --danger-bg:#fdecea;
  --warn:#c26a00;
  --warn-bg:#fff4e5;

  /* 배경 위에 살짝 얹히는 회색 칩·박스(버튼, 요약상자, 안내상자 등) */
  --chip:#eeeeee;
  --chip-text:#333333;

  /* 검정 계열 CTA 버튼 (저장/등록 등) — 다크모드에서도 대비 유지 */
  --btn:#111111;
  --btn-text:#ffffff;

  /* 화면 위에 떠 있는 저장 동그라미와, 그 자리에 먼저 뜨는 "수정" 글씨 */
  --save-btn:#8a8a8e;
  --save-btn-text:#ffffff;
  --edit-text:#ff13f0;
}

@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;

    --bg:#121212;
    --panel:#1c1c1e;
    --text:#f2f2f2;
    --text-sub:#9a9a9a;
    --line:#333333;
    --accent:#5b9dff;
    --accent-bg:#16232f;
    --danger:#ff6b60;
    --danger-bg:#3a1f1d;
    --warn:#e0a030;
    --warn-bg:#3a2c14;

    --chip:#2c2c2e;
    --chip-text:#e5e5e5;

    --btn:#f2f2f2;
    --btn-text:#121212;

    --save-btn:#6d6d72;
    --save-btn-text:#ffffff;
    --edit-text:#ff13f0;
  }
}