/* ── Design tokens — Clear Blue Financial (white-first, Korean fintech tone) ── */
:root {
  /* brand */
  --brand-900: #0b2f66;
  --brand-700: #1769d3;
  --brand-500: #2f80ed;
  --brand-300: #8fc5ff;
  --brand-100: #eaf4ff;
  /* accent */
  --warm-500: #1d6fe8;
  --warm-600: #1558bf;
  --coral-500: #ff7d8a;
  --sky-100: #eff9ff;
  /* neutral */
  --cream-50: #ffffff;
  --ink-900:  #111827;
  --ink-700:  #344054;
  --ink-600:  #667085;
  --line:     #d7e8fb;
  --white:    #ffffff;

  /* type */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", sans-serif;
  --fs-hero:   clamp(2.8rem, 6vw, 5.15rem);
  --fs-h2:     clamp(1.9rem, 4vw, 3rem);
  --fs-h3:     clamp(1.15rem, 2vw, 1.6rem);
  --fs-lead:   clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body:   1rem;
  --fs-sm:     0.875rem;

  /* spacing */
  --space-section: clamp(3.2rem, 7vw, 5.8rem);
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2rem);

  /* radius */
  --r-card: 24px;
  --r-card-lg: 32px;
  --r-pill: 999px;

  /* shadow */
  --shadow-sm: 0 2px 10px rgba(23, 105, 211, 0.07);
  --shadow-md: 0 14px 34px rgba(23, 105, 211, 0.12);
  --shadow-lg: 0 28px 74px rgba(23, 105, 211, 0.16);

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}