/* ============================================================
   채움 가계부 — 디자인 토큰 v2 · Airbnb 모드 (DESIGN.md 규약)
   단일 액센트 Rausch #ff385c + 잉크 #222 + 화이트/헤어라인 플랫.
   변수 API는 기존 화면 코드와 호환 (--accent, --line-1 등 유지).
   폰트: 숫자 OmNum(에스코어드림 digits) · 라틴 Inter · 한글 나눔스퀘어 네오.
   ============================================================ */

:root {
  /* ── 색상 모드 변수 (기능 설정 › 색상 모드가 오버라이드 · 기본 Rausch) ── */
  --c-primary:#ff385c;
  --c-primary-active:#e00b41;
  --c-soft:#ff8aa0;
  --c-tint:#ffd1da;
  --c-bg:#fff1f3;
  --c-bg-soft:#fff7f8;

  /* ── 액센트 (Rausch — 유일한 브랜드 컬러) ── */
  --brand-deep:#222222;      /* 잉크 (다크 히어로 카드·활성 필) */
  --brand:var(--c-primary);           /* primary */
  --brand-hover:var(--c-primary-active);     /* primary-active */
  --mint-1:var(--c-soft);          /* primary-soft (보조 바) */
  --mint-2:var(--c-tint);          /* primary-tint (다크 카드 라벨·포커스 링) */
  --mint-3:var(--c-tint);
  --mint-4:var(--c-tint);
  --mint-5:var(--c-bg);          /* primary-bg (액센트 틴트 배경) */

  /* ── 표면·잉크·선 ── */
  --bg:#ffffff;
  --canvas:#f2f2f2;
  --surface:#ffffff;
  --surface-sunken:#f7f7f7;
  --surface-raised:#ffffff;
  --ink-1:#222222; --ink-2:#3f3f3f; --ink-3:#6a6a6a; --ink-4:#929292;
  --line-1:#dddddd;
  --line-2:#dddddd;
  --line-soft:#ebebeb;
  --scrim:rgba(0,0,0,.5);

  /* ── 액센트 파생 ── */
  --accent:var(--brand); --accent-hover:var(--brand-hover); --accent-down:var(--brand-hover);
  --accent-soft:var(--mint-5); --accent-line:var(--mint-2); --on-accent:#FFFFFF;
  --stamp:#c13515; --stamp-soft:#FDEBEC; --stamp-line:#F3C2C4;
  --focus:0 0 0 3px var(--c-tint);

  /* ── 시맨틱 ── */
  --ok:var(--c-primary);      --ok-soft:var(--c-bg);
  --warn:#DB8B00;    --warn-soft:#FBEED9;
  --danger:#c13515;  --danger-soft:#FDEBEC;
  --info:#428bff;    --info-soft:#eef4ff;

  /* ── 금액 색 (지출 빨강 · 수입 파랑 · 저축 Rausch) ── */
  --amount:var(--ink-1);
  --amount-neg:#c13515;
  --amount-income:#428bff;
  --amount-saving:var(--c-primary);
  --amount-muted:var(--ink-3);

  /* ── 뱃지 톤 ── */
  --tone-neutral-bg:#ebebeb;  --tone-neutral-fg:#3f3f3f;  --tone-neutral-bd:#dddddd;
  --tone-info-bg:#eef4ff;     --tone-info-fg:#428bff;     --tone-info-bd:#d4e4fc;
  --tone-progress-bg:#f2f2f2; --tone-progress-fg:#3f3f3f; --tone-progress-bd:#dddddd;
  --tone-pending-bg:#FBEED9;  --tone-pending-fg:#B57500;  --tone-pending-bd:#F7E5C3;
  --tone-danger-bg:#FDEBEC;   --tone-danger-fg:#c13515;   --tone-danger-bd:#F8D4D5;
  --tone-done-bg:var(--c-bg);     --tone-done-fg:var(--c-primary);     --tone-done-bd:var(--c-tint);
  --tone-special-bg:var(--c-bg);  --tone-special-fg:var(--c-primary);  --tone-special-bd:var(--c-tint);

  /* ── 타이포 (역할 분리: 숫자 OmNum · 라틴 Inter · 한글 나눔스퀘어 네오) ── */
  --font-sans:'OmNum','Inter',var(--kfont,'Nanum Square Neo'),'Pretendard Variable',Pretendard,Circular,-apple-system,system-ui,'Apple SD Gothic Neo',sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,monospace;
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px; --fs-18:18px; --fs-22:22px; --fs-28:28px;

  /* ── 밀도 ── */
  --row-h:46px; --cell-px:12px; --table-fs:13px; --control-h:38px; --control-h-sm:30px;

  /* ── 라운드·그림자 (Airbnb: 버튼/입력 8px · 카드 14px · 칩 pill · 플랫) ── */
  --r-1:8px; --r-2:14px; --r-3:16px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(0,0,0,.08);
  --shadow-pop:0 12px 40px rgba(0,0,0,.08);
  --shadow-drawer:0 12px 32px rgba(0,0,0,.18);

  /* ── 간격 ── */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;

  /* ── 레이아웃 ── */
  --page-max:1560px; --page-px:24px;
  --sidebar-w:216px;
  --topnav-h:56px;
  --breadcrumb-h:36px;
  --modal-sm:480px; --modal-md:720px; --modal-lg:960px;
  --form-col:640px; --form-label-w:140px;

  /* ── 차트 (도넛 팔레트: Rausch → soft → 잉크 → 뮤트 → 틴트 → 회색) ── */
  --chart-1:var(--c-primary); --chart-2:var(--c-soft); --chart-3:#222222;
  --chart-4:#6a6a6a; --chart-5:var(--c-tint); --chart-6:#c1c1c1;
  --chart-grid:var(--line-1);

  /* ── 모바일 ── */
  --m-accent:var(--brand);
  --m-cta-h:52px; --m-tabbar-h:64px; --m-page-px:20px;
}

body { font-synthesis: none; }
* { font-synthesis: none; } /* 가짜 볼드 금지 */

html[data-density="compact"] { --row-h:38px; --cell-px:10px; --table-fs:12.5px; --control-h:34px; }
html[data-density="relaxed"] { --row-h:54px; --cell-px:14px; --table-fs:13.5px; --control-h:42px; }

/* 다크 테마는 Airbnb 모드 미지원 — 라이트 고정 (별도 프로젝트) */
html[data-theme="dark"] { color-scheme: light; }

/* 하위 호환: 이전 폰트명 참조 대비 (Apple SD Gothic Neo는 스택 폴백에 포함) */