/* ========================================
   Design System - CSS Variables
   ======================================== */

:root {
  /* 색상 - 메인 (녹색 계열) */
  --color-primary: #8BC34A;
  --color-primary-dark: #689F38;
  --color-primary-light: #AED581;

  /* 색상 - 보조 (파란색) */
  --color-secondary: #2196F3;
  --color-secondary-dark: #1976D2;
  --color-secondary-light: #64B5F6;

  /* 색상 - 배경 */
  --color-bg: #FFFFFF;
  --color-bg-gray: #F5F5F5;
  --color-bg-dark: #EEEEEE;

  /* 색상 - 텍스트 */
  --color-text: #333333;
  --color-text-light: #666666;
  --color-text-muted: #999999;

  /* 색상 - 테두리 */
  --color-border: #E0E0E0;
  --color-border-dark: #BDBDBD;

  /* 색상 - 상태 */
  --color-success: #4CAF50;
  --color-warning: #FF9800;
  --color-error: #F44336;
  --color-info: #2196F3;

  /* 간격 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* 폰트 크기 */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;

  /* 폰트 패밀리 */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", sans-serif;
  --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* 그림자 */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);

  /* 전환 */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;

  /* 레이아웃 */
  --sidebar-width: 220px;
  --sidebar-right-width: 160px;
  --content-max-width: 1200px;
  --header-height: 60px;
}