:root {
  --kd-blue: #2447B8;
  --kd-blue-dark: #1B3A96;
  --kd-tint: #E6EEFF;
  --kd-bg: #F4F7FD;
  --kd-card: #FFFFFF;
  --kd-ink: #13203B;
  --kd-soft: #57657F;
  --kd-line: #D5DFF2;
  --kd-sale: #C62828;

  --kd-font: 'Pretendard Variable', Pretendard, 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', sans-serif;

  --kd-fs-xs: 12px;
  --kd-fs-sm: 14px;
  --kd-fs-md: 16px;
  --kd-fs-lg: 20px;
  --kd-fs-xl: 28px;
  --kd-fs-2xl: 36px;

  --kd-s1: 4px;
  --kd-s2: 8px;
  --kd-s3: 12px;
  --kd-s4: 16px;
  --kd-s5: 24px;
  --kd-s6: 32px;
  --kd-s7: 48px;

  --kd-r-sm: 4px;
  --kd-r: 6px;
  --kd-r-lg: 10px;

  --kd-container: 1210px; /* Astra 헤더/푸터 안쪽 너비(1250 - 좌우 20)와 맞춤 */
  --kd-focus: 0 0 0 3px color-mix(in srgb, var(--kd-blue) 45%, transparent);
}