/* VentureLink 토큰 — dreamventures.kr 팔레트 그대로.
   출처: dream-public-v2.css의 --public-* / --dv-* 폴백값(2026-08-16 추출).
   여기 없는 색은 쓰지 않는다. 필요한 상태색 두 개(warn/ok)만 같은 온도로 더했다. */
:root {
  /* 브랜드 */
  --primary: #2c55e0;
  --primary-hover: #2143c0;
  --navy: #13294b;
  --on-primary: #ffffff;

  /* 면 */
  --bg-page: #faf9f6;
  --bg-surface: #ffffff;
  --bg-subtle: #f2f0ec;
  --tint: #f6f4ef;
  --tint-deep: #edeae3;

  /* 글 */
  --ink: #14181f;
  --ink-soft: #2e3440;
  --muted: #636b79;

  /* 선 */
  --border: #c9c5bb;
  --border-strong: #767d89;
  --line: color-mix(in srgb, var(--border) 60%, transparent);
  --line-strong: color-mix(in srgb, var(--border) 100%, transparent);

  /* 상태 */
  --danger: #b42318;
  --warn: #b7791f;
  --ok: #1f7a4d;
  --focus: #2c55e0;

  /* 상태 배경 = 상태색을 종이색에 아주 얇게 */
  --danger-bg: color-mix(in srgb, var(--danger) 8%, var(--bg-surface));
  --warn-bg: color-mix(in srgb, var(--warn) 10%, var(--bg-surface));
  --ok-bg: color-mix(in srgb, var(--ok) 9%, var(--bg-surface));
  --primary-bg: color-mix(in srgb, var(--primary) 8%, var(--bg-surface));
  --primary-line: color-mix(in srgb, var(--primary) 28%, transparent);

  /* 사이드바(navy 위) */
  --side-text: color-mix(in srgb, #ffffff 82%, transparent);
  --side-muted: color-mix(in srgb, #ffffff 48%, transparent);
  --side-line: color-mix(in srgb, #ffffff 12%, transparent);
  --side-active: color-mix(in srgb, #ffffff 10%, transparent);
  --side-accent: color-mix(in srgb, var(--primary) 55%, #ffffff);

  /* 모양 */
  --r-card: 16px;
  --r-control: 10px;
  --r-chip: 999px;
  --r-sm: 6px;

  --shadow-card: 0 2px 8px rgba(23, 33, 29, .05), 0 16px 40px rgba(23, 33, 29, .08);
  --shadow-lift: 0 6px 16px rgba(23, 33, 29, .08), 0 24px 56px rgba(23, 33, 29, .12);
  --shadow-float: 0 16px 38px color-mix(in srgb, var(--primary-hover) 22%, transparent);

  /* 글꼴 */
  --font-ui: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* 타이포 스케일 */
  --t-11: 11px;
  --t-12: 12px;
  --t-13: 13px;
  --t-14: 14px;
  --t-15: 15px;
  --t-16: 16px;
  --t-18: 18px;
  --t-20: 20px;
  --t-24: 24px;
  --t-28: 28px;
  --t-40: 40px;

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

  /* 레이아웃 */
  --side-w: 240px;
  --top-h: 56px;
  --ask-w: 400px;
  --content-max: 1320px;

  --dur: 160ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
  /* 토큰을 안 쓰는 리터럴 전환(링 게이지 700ms, 패널·사이드바 220ms)도 함께 끈다 */
  *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}