/* ===== DT 공통 디자인 토큰 =====
 * 메인(index.html)과 모든 서브페이지가 각자 style.css 보다 먼저 불러온다.
 * 색을 바꿀 때는 여기만 고친다. 페이지 전용 값(재테크 시세 색, 2048 타일 등)은 각 페이지 style.css 에 둔다. */
:root {
  /* 다크 = 슬레이트(푸른 회색) — 2026-09-29 검정(#0a0a0e)에서 변경 */
  --bg: #151b24;
  --bg2: #1c2330;
  --bg3: #252d3c;
  --border: #37425a;
  --primary: #d97706;
  --primary-light: #f59e0b;
  --primary-dark: #b45309;
  --primary-rgb: 217,119,6;
  --accent: #ff6b6b;
  --accent-rgb: 255,107,107;
  --driver: #4ade80;
  --driver-rgb: 74,222,128;
  --passenger: #60a5fa;
  --passenger-rgb: 96,165,250;
  --warning: #fbbf24;
  --warning-rgb: 251,191,36;
  --info: #ffc107;
  --pink: #f472b6;
  --orange: #fb923c;
  --text: #eef2f7;
  --text2: #9aa6bc;
  --text3: #7d8aa3;
  --on-primary: #fff;
  --on-driver: #000;
  --on-warning: #000;
  --overlay-bg: rgba(0,0,0,.88);
  --overlay-text: #fff;
  --card-radius: 0px;
  --shadow: 4px 4px 0px rgba(var(--primary-rgb),0.3);
  --transition: .2s ease;
}
[data-theme="light"] {
  --bg: #f4f4f8;
  --bg2: #ffffff;
  --bg3: #ebebf3;
  --border: #d0d0e0;
  --primary: #b45309;
  --primary-light: #d97706;
  --primary-dark: #92400e;
  --primary-rgb: 180,83,9;
  --accent: #e05252;
  --accent-rgb: 224,82,82;
  --driver: #22c55e;
  --driver-rgb: 34,197,94;
  --passenger: #3b82f6;
  --passenger-rgb: 59,130,246;
  --warning: #d97706;
  --warning-rgb: 217,119,6;
  --info: #ca8a04;
  --pink: #db2777;
  --orange: #ea580c;
  --text: #1a1a2e;
  --text2: #55556a;
  --text3: #78788c;
  --on-primary: #fff;
  --on-driver: #000;
  --on-warning: #000;
  --overlay-bg: rgba(0,0,0,.5);
  --overlay-text: #fff;
  --shadow: 4px 4px 0px rgba(var(--primary-rgb),0.2);
}

/* ===== 공통 — 폰에서 입력칸을 누를 때 화면이 확대되지 않게 =====
 * iOS 사파리는 글자가 16px 보다 작은 입력칸을 누르면 화면을 확대한다 (창·페이지가 잘려 보인다).
 * 모든 페이지가 이 파일을 먼저 불러오므로 여기서 한 번에 막는다. 인라인 style 의 작은 글자도 덮도록 !important.
 * (viewport 에 maximum-scale=1 을 거는 방법은 안드로이드에서 손가락 확대까지 막아 쓰지 않는다) */
@media (max-width: 768px), (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="color"]):not([type="file"]),
  select, textarea { font-size: 16px !important; }
}