/**
 * 미담 테마 색상 정의
 * Theme: midam (기본 테마)
 *
 * 사용법:
 * 1. config.php에서 SITE_THEME을 'midam'으로 설정
 * 2. header.php에서 자동으로 이 파일을 로드
 */

:root {
  /* ==================== Primary Colors ==================== */
  --primary: #667eea;
  --primary-dark: #5a67d8;
  --primary-light: #818cf8;
  --primary-50: #eef2ff;
  --primary-100: #e0e7ff;
  --primary-200: #c7d2fe;
  --primary-300: #a5b4fc;
  --primary-400: #818cf8;
  --primary-500: #667eea;
  --primary-600: #5a67d8;
  --primary-700: #4c51bf;
  --primary-800: #434190;
  --primary-900: #3730a3;

  /* ==================== Gradient ==================== */
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-primary-hover: linear-gradient(135deg, #5a67d8 0%, #6b46a0 100%);

  /* ==================== Secondary Colors ==================== */
  --secondary: #764ba2;
  --secondary-dark: #6b46a0;
  --secondary-light: #9f7aea;

  /* ==================== Accent Colors ==================== */
  --accent: #f093fb;
  --accent-dark: #e879f9;
  --accent-light: #f5d0fe;

  /* ==================== Logo Colors ==================== */
  --logo-primary: #667eea;
  --logo-secondary: #764ba2;
  --logo-text: #1f2937;

  /* ==================== Header/Navigation ==================== */
  --header-bg: var(--gradient-primary);
  --header-text: #ffffff;
  --nav-hover-bg: rgba(255, 255, 255, 0.15);
  --nav-active-bg: rgba(255, 255, 255, 0.25);

  /* ==================== Shadows ==================== */
  --shadow-primary: 0 4px 15px rgba(102, 126, 234, 0.35);
  --shadow-primary-lg: 0 8px 25px rgba(102, 126, 234, 0.4);

  /* ==================== Buttons ==================== */
  --btn-primary-bg: var(--gradient-primary);
  --btn-primary-text: #ffffff;
  --btn-primary-shadow: var(--shadow-primary);

  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: var(--primary);
  --btn-secondary-border: var(--primary);
}

/* ==================== Dark Mode ==================== */
[data-theme="dark"] {
  --primary: #818cf8;
  --primary-dark: #667eea;
  --primary-light: #a5b4fc;

  --logo-text: #f3f4f6;

  --header-bg: linear-gradient(135deg, #4c51bf 0%, #5b21b6 100%);
}