/* ═══════════ INPACT+ Design Tokens ═══════════
   소개서 브랜드 컬러(페리윙클 블루) + 토스식 라이트 뉴트럴 */
:root {
  /* Brand */
  --brand: #4e55ec;
  --brand-600: #3d43d6;
  --brand-700: #3238b8;
  --brand-300: #a9adf7;
  --brand-100: #e9eafd;
  --brand-50: #f4f5fe;

  /* Neutrals (Toss-like) */
  --ink: #191f28;
  --ink-sub: #4e5968;
  --ink-mute: #8b95a1;
  --line: #e5e8eb;
  --surface: #ffffff;
  --bg: #f7f8fa;
  --bg-tint: #f2f3f8;

  /* Semantic */
  --up: #f04452;
  --down: #3182f6;
  --kakao: #fee500;
  --kakao-ink: #191919;

  /* Typography */
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --text-hero: clamp(2.25rem, 1.2rem + 4.4vw, 4rem);
  --text-h2: clamp(1.6rem, 1.1rem + 2.2vw, 2.5rem);
  --text-h3: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.25vw, 1.0625rem);
  --text-sm: 0.875rem;
  --text-xs: 0.8125rem;

  /* Spacing & Shape */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --shadow-card: 0 2px 8px rgba(25, 31, 40, 0.04), 0 12px 32px rgba(25, 31, 40, 0.06);
  --shadow-pop: 0 6px 16px rgba(78, 85, 236, 0.14), 0 20px 48px rgba(78, 85, 236, 0.18);

  /* Motion */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 700ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}