/* PetBill 디자인 토큰 v4(글로벌 소비자 앱 문법): 흰 바탕 · 슬레이트 잉크 · 행동 색은 파랑 하나 · 반려동물 순간에만 복숭아색.
   라이트 기본, 다크는 prefers-color-scheme 과 [data-theme] 둘 다. 본문·보조 글자는 바탕 대비 4.5:1 이상. */
:root {
  /* 바탕·글자 */
  --paper: #FFFFFF;        /* 화면 바탕 */
  --paper-2: #F8FAFC;      /* 눌린 면, 표 머리 */
  --card: #FFFFFF;         /* 카드 */
  --ink: #0F172A;          /* 본문 */
  --ink-2: #475569;        /* 보조 */
  --ink-3: #64748B;        /* 흐린 글자(4.8:1) */
  --line: #E2E8F0;
  --line-strong: #CBD5E1;
  --shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .06);

  /* 행동 색(파랑 하나) · 작은 파란 글자는 더 진한 #1D4ED8 */
  --accent: #2F6BFF;
  --accent-ink: #FFFFFF;
  --accent-soft: #EAF0FF;
  --accent-text: #1D4ED8;
  --accent-shadow: 0 6px 16px rgba(47, 107, 255, .18);
  --link: #1D4ED8;
  --focus: #2F6BFF;

  /* 판정 색: low 초록 · fair 회색 · high 빨강 · na 없음 */
  --low: #16A34A;      --low-ink: #166534;   --low-bg: #DCFCE7;
  --fair: #64748B;     --fair-ink: #334155;  --fair-bg: #F1F5F9;
  --high: #DC2626;     --high-ink: #B91C1C;  --high-bg: #FEF2F2;  --high-bar: #E5484D;
  --na: #94A3B8;       --na-ink: #64748B;    --na-bg: #F1F5F9;
  --badge-ink: #FFFFFF;

  /* 반려동물 순간 전용 복숭아색 */
  --peach: #FFF1E6;
  --peach-ink: #C2410C;
  --peach-body: #4A4036;
  --peach-muted: #7C6A5A;

  /* 짙은 판정 카드 */
  --dark-card: #0F172A;
  --dark-card-ink: #FFFFFF;
  --dark-card-muted: #CBD5E1;
  --dark-card-bar: #FF6B6B;

  /* 영토 색(지도) */
  --lit: #F59E0B;
  --mine: #2F6BFF;
  --dim: #94A3B8;
  --map-bg: #EEF2F7;
  --choro-0: #E2E8F0;
  --choro-1: #DBEAFE;
  --choro-2: #BFDBFE;
  --choro-3: #93C5FD;
  --choro-4: #60A5FA;
  --choro-5: #2563EB;

  /* 글꼴 */
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", "Noto Sans JP", "Apple SD Gothic Neo", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono", monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 15px; --fs-lg: 17px; --fs-xl: 20px; --fs-2xl: 28px; --fs-3xl: 34px;
  --lh: 1.55;

  /* 간격·모양 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --radius: 16px; --radius-sm: 12px; --radius-lg: 20px; --radius-xl: 24px; --radius-pill: 999px;
  --gutter: 20px;
  --container: 960px;
  --header-h: 60px;

  color-scheme: light;
}

/* 시스템 다크 모드를 따라가지 않는다(흰 바탕·복숭아색이 브랜드). 머리글 버튼으로 직접 고른 경우만 아래 다크 팔레트. */
/* 다크: 사용자가 직접 고른 경우 */
:root[data-theme="dark"] {
  --paper: #0B1220; --paper-2: #131C2E; --card: #111A2B;
  --ink: #E2E8F0; --ink-2: #B6C2D3; --ink-3: #94A3B8;
  --line: #263247; --line-strong: #3B4A63;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);
  --accent: #4D7FFF; --accent-ink: #FFFFFF; --accent-soft: #172554; --accent-text: #93B4FF; --accent-shadow: 0 6px 16px rgba(77, 127, 255, .25);
  --link: #93B4FF; --focus: #93B4FF;
  --low-ink: #86EFAC; --low-bg: #14532D;
  --fair-ink: #CBD5E1; --fair-bg: #1E293B;
  --high-ink: #FCA5A5; --high-bg: #3F1212;
  --na-ink: #94A3B8; --na-bg: #1E293B;
  --peach: #2A1D14; --peach-ink: #FDBA74; --peach-body: #E7D5C6; --peach-muted: #B8A595;
  --dark-card: #1E293B; --dark-card-ink: #F8FAFC; --dark-card-muted: #CBD5E1;
  --dim: #475569; --map-bg: #0F172A;
  --choro-0: #1E293B; --choro-1: #1E3A8A; --choro-2: #1D4ED8; --choro-3: #2563EB; --choro-4: #3B82F6; --choro-5: #60A5FA;
  color-scheme: dark;
}

/* 언어별 글꼴: 라틴·숫자는 Plus Jakarta Sans, 한글·가나는 Noto */
html[lang="ko"] { --font-sans: "Plus Jakarta Sans", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
html[lang="ja"] { --font-sans: "Plus Jakarta Sans", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }