/* ==============================
   AutoMode 공통 CSS 변수
   /var/www/pipeline/static/style.css
   ============================== */

/* 다크모드 (기본) */
:root {
  --bg-base: #0d0d0d;
  --bg-sidebar: #0a0a0a;
  --bg-panel: #141414;
  --bg-input: #1e1e1e;
  --bg-hover: #181818;
  --bg-active: #1a1a2e;
  --bg-log: #080808;
  --bg-modal: #141414;
  --bg-tag: #1a1a1a;
  --border-main: #1e1e1e;
  --border-sub: #2e2e2e;
  --border-sidebar: #1a1a1a;
  --text-main: #e0e0e0;
  --text-sub: #888;
  --text-dim: #555;
  --text-label: #bbb;
  --text-muted: #444;
  --accent: #7c6ff7;
  --accent-bg: #1a1a2e;
  --accent-border: #2e2e4e;
  --accent-light: #c084fc;
  --color-star: #ffd700;
  --color-danger: #ff3c64;
  --bg-mobile: #0a0a12;
  --bg-event: #2e1a4e;
  --bg-deep: #0f0f1a;
  --bg-item: #141420;
}

/* 라이트모드 */
[data-theme="light"] {
  --bg-base: #f6f4fe;
  --bg-sidebar: #ffffff;
  --bg-panel: #ffffff;
  --bg-input: #efeafd;
  --bg-hover: #f6f4fe;
  --bg-active: #eeecff;
  --bg-log: #f6f4fe;
  --bg-modal: #ffffff;
  --bg-tag: #efeafd;
  --bg-card: #ffffff;
  --bg-deep: #f0ecff;
  --bg-item: #f6f4fe;
  --bg-mobile: #f6f4fe;
  --border-main: #e3dbfb;
  --border-sub: #ddd5f8;
  --border-sidebar: #ece9f6;
  --text-main: #1c1830;
  --text-sub: #5a5470;
  --text-dim: #9b93b8;
  --text-label: #3a3458;
  --text-muted: #b5aed4;
  --accent: #5b46e0;
  --accent-bg: #eeecff;
  --accent-border: #c8c4f8;
  --accent-light: #a78bfa;
  --color-star: #f59e0b;
  --color-danger: #ef4444;
}