/* BridgeHere 홈페이지 — 디자인 토큰 v0.1 (design/Tokens.dc.html 미러)
   라이트 = D 옥스퍼드 잉크 (기본) · 다크 = A 딥 커런트 (.theme-dark 섹션)
   원티드 DS 문법: 4pt 그리드 · 라운드 4/10/14/999 · 히트 타깃 44px */
:root {
  /* bg */
  --bg-base: #F7F4EC;
  --bg-surface: #FFFFFF;
  --bg-subtle: #F7F4EC;
  --bg-tray: #EFEBE0;
  /* border */
  --border: #E3DCC9;
  --border-strong: #8F8567;
  /* text */
  --text-high: #1B2333;
  --text-body: #475063;
  --text-sub: #5D6B84;
  --text-faint: #6C6650;
  --text-partial: #9AA3B5;
  /* brand */
  --primary: #14264A;
  --primary-hover: #1D3560;
  --on-primary: #F7F4EC;
  --on-tint: #14264A;
  --tint: rgba(20, 38, 74, 0.08);
  --tint-strong: rgba(20, 38, 74, 0.14);
  /* accent */
  --highlight: #F3DFA0;
  --highlight-text: #5A430A;
  --meter: #B08A22;
  --link: #8A6B10;
  --rec: #D64545;
  --rec-tint: rgba(214, 69, 69, 0.10);

  /* spacing — 4pt */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-14: 56px;
  /* radius */
  --r-wash: 4px; --r-ctrl: 10px; --r-card: 14px; --r-pill: 999px;
  /* type */
  --font: 'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  /* motion (design/Motion.dc.html) */
  --m-word-in: 120ms; --m-final-snap: 180ms; --m-rise: 320ms; --m-kw: 360ms;
  --ease-rise: cubic-bezier(0.2, 0.8, 0.2, 1);
  /* layout */
  --container: 1200px;
  --header-h: 72px;
}

.theme-dark {
  --bg-base: #0A1120;
  --bg-surface: #111B2E;
  --bg-subtle: #060B16;
  --bg-tray: #111B2E;
  --border: #24344F;
  --border-strong: #56698A;
  --text-high: #F2F6FC;
  --text-body: #C4D0E2;
  --text-sub: #9FB0C8;
  --text-faint: #8093AE;
  --text-partial: #5F7292;
  --primary: #4A7DFF;
  --primary-hover: #6B95FF;
  --on-primary: #0A1120;
  --on-tint: #8FAEFF;
  --tint: rgba(74, 125, 255, 0.16);
  --tint-strong: rgba(74, 125, 255, 0.26);
  --highlight: rgba(255, 195, 82, 0.14);
  --highlight-text: #FFC352;
  --meter: #FFC352;
  --link: #8FAEFF;
  --rec: #FF5D5D;
  --rec-tint: rgba(255, 93, 93, 0.14);
  color-scheme: dark;
}
