/* 디자인 토큰: 색·서체·간격은 여기서만 정의한다 */
:root {
  --color-bg: #ffffff;
  --color-surface: #f5f7f9;
  --color-text: #1a1d21;
  --color-muted: #5b6672;
  --color-line: #e3e7eb;
  --color-brand: #046eb8;        /* 로고 블루 (확정) */
  --color-brand-dark: #03568f;
  --color-brand-soft: #e8f2fb;

  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Malgun Gothic", sans-serif;

  --text-base: 18px;
  --leading: 1.75;

  --container: 1120px;
  --gutter: 20px;
  --radius: 12px;

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --section-y: 64px;

  --header-h: 80px;
}

@media (min-width: 768px) {
  :root { --gutter: 32px; --section-y: 96px; }
}
@media (min-width: 1024px) {
  :root { --section-y: 128px; --header-h: 88px; }
}