/* 토큰: 팀 Design.md v0.2 색 표 + 랜딩 보조값 */
:root {
  --ink: #172B24;
  --muted: #53645D;
  --blue: #0300B2;
  --blue-dark: #00008B;
  --canvas: #F5F7F3;
  --surface: #FFFFFF;
  --border: #DCE5DE;
  --safe: #176B4A;   --safe-bg: #E8F5EE;
  --caution: #9A4C00; --caution-bg: #FFF2D7;
  --urgent: #A32222;  --urgent-bg: #FFF0EF;
  --route: #155EEF;
  --dim: rgba(23, 43, 36, 0.5);
  --font: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --on-color: #FFFFFF;
  --tint-blue: #ECECFA;
  --tint-neutral: #EEF0EC;
  --phone-bezel: #111111;
  --cta-disabled: #9A99D6;
  --phone-frame: linear-gradient(145deg, #DFE3EA, #9AA3B2 40%, #E9ECF1 60%, #8D96A6);
  --shadow-lift: 0 24px 48px -12px rgba(20,30,60,.28);
  --shadow-phone: 0 60px 90px -30px rgba(20,30,60,.35), inset 0 0 0 2px rgba(255,255,255,.6);
  --shadow-soft: 0 20px 40px -20px rgba(20,30,60,.25);
  --hair: 0 1px 2px rgba(0,0,0,.04);
  --glass: rgba(255,255,255,.9);
  --go: rgba(23,43,36,.12);
  --go-hover: rgba(23,43,36,.22);
}