@font-face {
  font-family: "KBL Jump Extended";
  src: url("../fonts/KBLJump-ExtraBoldExtended.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --color-brand-main: #a9d8f3;
  --color-brand-sub: #eaf6fc;
  --color-accent: #ff9eaa;
  --color-support: #63b3df;
  --color-primary: var(--color-support);
  --color-primary-dark: #17324d;
  --color-primary-soft: var(--color-brand-sub);
  --color-ink: #17324d;
  --color-muted: #63778a;
  --color-line: #dce8ef;
  --color-surface: #f4f9fc;
  --color-white: #fafcfd;
  --font-sans: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
  --font-display: Inter, "Helvetica Neue", var(--font-sans);
  --font-impact: "KBL Jump Extended", var(--font-display);
  --type-hero: clamp(56px, 8vw, 126px);
  --type-feature: clamp(48px, 6.4vw, 96px);
  --type-page: clamp(42px, 5.8vw, 86px);
  --type-section: clamp(28px, 3.4vw, 46px);
  --type-card: clamp(24px, 2.8vw, 38px);
  --container: 1240px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-space: clamp(76px, 10vw, 144px);
  --radius-sm: 8px;
  --radius-md: 18px;
  --radius-lg: 30px;
  --shadow-soft: 0 18px 50px rgba(18, 22, 29, 0.08);
  --ease: 180ms ease;
}