:root {
  /* Brand Colors */
  --color-black: #111111;
  --color-white: #FFFFFF;
  --color-blue: #3373C4;
  --color-orange: #FF6A00;
  --color-accent: #00C389;

  /* Neutral Scale */
  --color-gray-900: #1A1A1A;
  --color-gray-800: #2A2A2A;
  --color-gray-700: #3A3A3A;
  --color-gray-600: #555555;
  --color-gray-500: #777777;
  --color-gray-400: #999999;
  --color-gray-300: #BBBBBB;
  --color-gray-200: #E0E0E0;
  --color-gray-100: #F2F2F2;
  --color-gray-50:  #F8F8F8;

  /* Typography */
  --font-kr: 'Pretendard Variable', 'Pretendard', -apple-system, 'Apple SD Gothic Neo', sans-serif;
  --font-en: 'Inter', sans-serif;
  --text-hero:  clamp(40px, 6vw, 72px);
  --text-h1:    clamp(32px, 4vw, 56px);
  --text-h2:    clamp(24px, 3vw, 40px);
  --text-h3:    clamp(18px, 2vw, 28px);
  --text-body:  16px;
  --text-small: 14px;
  --text-caption: 12px;

  /* Spacing */
  --space-section: clamp(80px, 10vw, 140px);
  --space-xl: 80px;
  --space-lg: 60px;
  --space-md: 32px;
  --space-sm: 16px;
  --space-xs: 8px;

  /* Layout */
  --max-width: 1200px;
  --grid-gap: 24px;
  --radius: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);

  /* Transitions */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration: 0.3s;
}