/* ==========================================================================
   오늘배움 통합 변수 시스템 - 이제 design-system.css 사용
   ========================================================================== */

/* 기존 변수와의 호환성을 위한 별칭 */
:root {
  /* 레거시 호환성 */
  --primary: var(--brand-primary);
  --primary-dark: var(--brand-primary-dark);
  --primary-light: var(--brand-primary-light);
  --secondary: var(--brand-secondary);
  --accent: var(--brand-accent);
  --success: var(--color-success);
  --warning: var(--color-warning);
  --error: var(--color-error);
  
  /* 기존 컬러 매핑 */
  --white: var(--color-white);
  --black: var(--color-black);
  --gray-50: var(--color-gray-50);
  --gray-100: var(--color-gray-100);
  --gray-200: var(--color-gray-200);
  --gray-300: var(--color-gray-300);
  --gray-400: var(--color-gray-400);
  --gray-500: var(--color-gray-500);
  --gray-600: var(--color-gray-600);
  --gray-700: var(--color-gray-700);
  --gray-800: var(--color-gray-800);
  --gray-900: var(--color-gray-900);
  
  /* 기존 배경 매핑 */
  --bg: var(--bg-primary);
  --bg-secondary: var(--bg-secondary);
  --bg-dark: var(--color-black);
  
  /* 그라디언트 매핑 */
  --gradient-primary: var(--gradient-primary);
  --gradient-accent: var(--gradient-accent);
  --gradient-warm: var(--gradient-warm);
  
  /* 간격 매핑 */
  --spacing-xs: var(--space-2);
  --spacing-sm: var(--space-4);
  --spacing-md: var(--space-6);
  --spacing-lg: var(--space-8);
  --spacing-xl: var(--space-12);
  --spacing-2xl: var(--space-16);
  
  /* 반지름 매핑 */
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-xl: var(--radius-xl);
  
  /* 그림자 매핑 */
  --shadow-sm: var(--shadow-sm);
  --shadow: var(--shadow-md);
  --shadow-lg: var(--shadow-lg);
  --shadow-xl: var(--shadow-xl);
  
  /* 보더 매핑 */
  --border: var(--border-color);
  --border-light: var(--border-light);
  
  /* 헤더 설정 */
  --header-height: 80px;
  --header-bg: rgba(255, 255, 255, 0.95);
}

/* 이제 design-system.css를 메인으로 사용합니다 */