:root {
  /* Colors */
  --sp-color-navy: #001F3F;
  --sp-color-text: #111111;
  --sp-color-text-secondary: #4A4A4A;
  --sp-color-muted: #6B6B6B;
  --sp-color-background: #FFFFFF;
  --sp-color-surface: #F5F6F7;
  --sp-color-border: #D9DDE1;
  --sp-color-deep: #0A1725;

  /* Typography */
  --sp-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", Arial, sans-serif;

  --sp-text-xs: 0.75rem;
  --sp-text-sm: 0.875rem;
  --sp-text-base: 1rem;
  --sp-text-lg: 1.125rem;

  --sp-text-h3: clamp(1.5rem, 2vw, 2rem);
  --sp-text-h2: clamp(2rem, 3vw, 3rem);
  --sp-text-h1: clamp(2.5rem, 4vw, 4rem);
  --sp-text-display: clamp(3rem, 5vw, 5rem);
  --sp-text-page-title: clamp(2.25rem, 3.5vw, 3.5rem);
  --sp-text-page-title-long: clamp(1.9rem, 2.3vw, 2.35rem);
  --sp-text-section-title: clamp(1.75rem, 2.75vw, 2.75rem);

  /* Spacing */
  --sp-space-1: 0.25rem;
  --sp-space-2: 0.5rem;
  --sp-space-3: 0.75rem;
  --sp-space-4: 1rem;
  --sp-space-6: 1.5rem;
  --sp-space-8: 2rem;
  --sp-space-12: 3rem;
  --sp-space-16: 4rem;
  --sp-space-20: 5rem;
  --sp-space-24: 6rem;
  --sp-space-32: 8rem;

  /* Layout */
  --sp-container-max: 85rem; /* 1360px */
  --sp-container-pad-mobile: 1.25rem; /* 20px */
  --sp-container-pad-tablet: 2rem; /* 32px */
  --sp-container-pad-desktop: 3rem; /* 48px */

  /* Radius */
  --sp-radius-sm: 0.25rem;

  /* Transition */
  --sp-transition-fast: 160ms ease;
}