@import "tailwindcss";

:root {
  --bg: #0f1117;
  --surface: #1a1d27;
  --border: #2a2d3a;
  --text: #e4e4e7;
  --text-dim: #8b8d98;
  --accent: #6c8aff;
  --accent-hover: #859dff;
  --error: #f5564e;
  --success: #4ade80;
  --warning: #fbbf24;

  /* domain 색상 */
  --domain-philosophy: #a78bfa;
  --domain-language: #f472b6;
  --domain-engineering: #38bdf8;
  --domain-safety: #fb923c;
  --domain-programming: #34d399;
  --domain-general: #94a3b8;
  --domain-reference: #fbbf24;

  /* sidebar */
  --sidebar-w: 260px;
  --sidebar-bg: #141720;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

/* 스크롤바 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }