/* AX교육플랫폼 CSS 변수 시스템 */
:root {
  /* 브랜드 컬러 */
  --color-primary: #000000;
  --color-primary-light: #4A1D96;
  --color-primary-dark: #1e0a44;
  --color-accent: #FF6B35;
  --color-accent-hover: #e55a27;
  --color-green: #00C896;
  --color-green-light: rgba(0, 200, 150, 0.15);

  /* 배경/텍스트 */
  --color-bg: #F8F9FA;
  --color-bg-secondary: #EFF2F7;
  --color-white: #FFFFFF;
  --color-text: #0a0a14;
  --color-text-muted: #374151;
  --color-text-light: #6B7280;
  --color-border: #D1D5DB;
  --color-card: #FFFFFF;

  /* 표면 컬러 */
  --color-surface: #FFFFFF;
  --color-text-secondary: #111827;
  --color-text-tertiary: #374151;

  /* 상태 컬러 */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;

  /* 폰트 */
  --font-korean: 'Noto Sans KR', sans-serif;
  --font-english: 'Inter', sans-serif;

  /* 크기 */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* 그림자 */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.16);

  /* 전환 */
  --transition: 0.3s ease;
  --transition-fast: 0.15s ease;

  /* 레이아웃 */
  --max-width: 1200px;
  --nav-height: 64px;
  --sidebar-width: 220px;
}

/* 다크 테마 */
[data-theme="dark"] {
  --color-bg: #0f172a;
  --color-bg-secondary: #1e293b;
  --color-card: #1e293b;
  --color-surface: #1e293b;
  --color-text: #f8fafc;
  --color-text-secondary: #e2e8f0;
  --color-text-tertiary: #cbd5e1;
  --color-text-muted: #94a3b8;
  --color-border: #334155;
  --color-white: #1e293b;
}