/* Generated from brand/tokens.json by scripts/build-brand-kit.py. */
:root {
  --kp-color-blue: #0047A0;
  --kp-color-blue-hover: #00377C;
  --kp-color-red: #CD2E3A;
  --kp-color-black: #09090B;
  --kp-color-ink: #161619;
  --kp-color-white: #FFFFFF;
  --kp-color-paper: #F5F5F7;
  --kp-color-muted: #62626E;
  --kp-color-line: #DDDDE2;
  --kp-color-blue-soft: #EDF3FA;
  --kp-color-blue-night: #10204B;
  --kp-color-on-dark: #BFC1CE;
  --kp-color-focus: #3264DA;
  --kp-font-sans: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  --kp-space-1: 4px;
  --kp-space-2: 8px;
  --kp-space-3: 16px;
  --kp-space-4: 24px;
  --kp-space-5: 32px;
  --kp-space-6: 48px;
  --kp-space-7: 64px;
  --kp-space-8: 96px;
  --kp-radius-small: 4px;
  --kp-radius-medium: 12px;
  --kp-radius-large: 24px;
  --kp-radius-pill: 999px;
  --kp-motion-quick: 200ms;
  --kp-motion-reveal: 800ms;
  --kp-motion-ease: cubic-bezier(.2, .7, .2, 1);
  --kp-motion-red-loop: 18s;
  --kp-motion-blue-loop: 23s;
  --kp-layout-width: 1120px;
  --kp-layout-section: 144px;
  --type-display: clamp(44px, 4.8vw, 68px);
  --type-heading: clamp(38px, 4vw, 56px);
  --type-subheading: clamp(24px, 2.2vw, 28px);
  --type-lead: clamp(21px, 1.8vw, 24px);
  --type-body: 20px;
  --type-label: 17px;
  --type-caption: 16px;
}
@media (max-width: 900px) { :root { --kp-layout-section: 96px; } }
@media (max-width: 600px) {
  :root {
    --kp-layout-section: 80px;
    --type-display: clamp(34px, 8.8vw, 40px);
    --type-heading: clamp(32px, 8.2vw, 38px);
    --type-subheading: 24px;
    --type-lead: 20px;
    --type-body: 18px;
    --type-label: 16px;
    --type-caption: 15px;
  }
}