/* 디자인 토큰 — 색·글꼴·간격은 여기서만 바꾸면 전체에 반영된다.
   블루 테마 (숙박업 아카데미 로고 기준) · 레이아웃: 좌측 단계형 입력 카드 + 우측 고정 실시간 결과 패널, 모바일은 1단 + 하단 결과 바 */
:root {
  --bg: #F2F5FA;
  --surface: #FFFFFF;
  --surface-2: #F6F8FC;
  --ink: #18213A;
  --muted: #5B6680;
  --line: #DCE3EE;
  --accent: #3D5DAE;        /* 차분한 블루 (로고 블루를 눈이 편하게 낮춘 톤) */
  --accent-ink: #FFFFFF;
  --accent-soft: #E8EDF7;
  --gold: #2A428A;          /* 핵심 수익 숫자 강조: 딥 블루 */
  --neg: #C0453A;
  --warn-bg: #FBF3E3;
  --warn-ink: #7A5414;
  --focus: #6A93E8;

  --font-body: 'IBM Plex Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;

  --radius: 10px;
  --radius-sm: 6px;
  --gutter: 16px;
  --shadow: 0 1px 2px rgb(20 30 60 / 0.05), 0 6px 24px rgb(20 30 60 / 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F1522;
    --surface: #172033;
    --surface-2: #1C2740;
    --ink: #E3E9F5;
    --muted: #96A3BD;
    --line: #2A3650;
    --accent: #8BA6DD;
    --accent-ink: #0F1522;
    --accent-soft: #1F2D4A;
    --gold: #AFC3EC;
    --neg: #EB8B76;
    --warn-bg: #2E2614;
    --warn-ink: #E9C77F;
    --focus: #A9C3FA;
    --shadow: 0 1px 2px rgb(0 0 0 / 0.3);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0F1522;
  --surface: #172033;
  --surface-2: #1C2740;
  --ink: #E3E9F5;
  --muted: #96A3BD;
  --line: #2A3650;
  --accent: #8BA6DD;
  --accent-ink: #0F1522;
  --accent-soft: #1F2D4A;
  --gold: #AFC3EC;
  --neg: #EB8B76;
  --warn-bg: #2E2614;
  --warn-ink: #E9C77F;
  --focus: #A9C3FA;
  --shadow: 0 1px 2px rgb(0 0 0 / 0.3);
  color-scheme: dark;
}