@charset "utf-8";

:root {
  --color-primary: #1a3a5c;
  --color-primary-hover: #245078;
  --color-accent: #d62839;
  --color-accent-soft: #fdecee;
  --color-text: #242a30;
  --color-text-muted: #5e656c;
  --color-text-light: #9199a4;
  --color-border: #e2e6ea;
  --color-border-dark: #c5ccd3;
  --color-bg: #ffffff;
  --color-bg-soft: #f5f7fa;
  --color-bg-panel: #eef3f8;
  --color-hero: #e8f1fa;
  --color-dark: #00101f;
  --color-footer-link: #004a79;
  --primary-color: var(--color-primary);

  --font-sans: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-size-base: 16px;
  --font-size-body: clamp(16px, 0.2vw + 15.5px, 17px);
  --line-height-body: 1.7;
  --line-height-heading: 1.3;
  --letter-tight: -0.025em;

  /* vw만 쓰면 태블릿에서 글자↓·이미지↑ 불균형이 생김 → rem 기반 보정 */
  --fs-hero: clamp(1.5rem, 1.1rem + 1.6vw, 2.15rem);
  --fs-section: clamp(1.45rem, 1.05rem + 1.4vw, 2.05rem);
  --fs-card-title: clamp(1.2rem, 1rem + 1vw, 1.55rem);
  --fs-body: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --fs-caption: clamp(0.875rem, 0.2vw + 0.82rem, 0.9375rem);
  --fs-nav: 0.975rem;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-section: clamp(72px, 9vw, 120px);
  --container-max: 1200px;
  --header-height: 76px;
  --gutter: clamp(16px, 4vw, 32px);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 10px 32px rgba(26, 58, 92, 0.1);
  --shadow-dropdown: 0 12px 32px rgba(0, 0, 0, 0.12);
  --transition: 0.25s ease;
}