/* ============================= */
/* Ray Board Premium Theme      */
/* ============================= */

:root{
  --bg: linear-gradient(135deg, #eef2ff, #f8fafc);
  --card-bg: #ffffff;
  --text-main: #111827;
  --text-muted: #6b7280;
  --primary: #6366f1;
  --border-light: #e5e7eb;
}

/* 🌙 다크모드 변수 */
body.dark-mode{
  --bg: linear-gradient(135deg, #0f172a, #1e293b);
  --card-bg: #1e293b;
  --text-main: #f1f5f9;
  --text-muted: #94a3b8;
  --primary: #818cf8;
  --border-light: #334155;
}

body{
  background: var(--bg);
  font-family: Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--text-main);
  transition: all 0.3s ease;
}

.container-narrow{
  max-width: 1000px;
}

/* 카드 */
.card-ui{
  background: var(--card-bg);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.card-ui:hover{
  transform: translateY(-2px);
}

/* 버튼 */
.btn-primary{
  background: var(--primary);
  border: none;
  border-radius: 12px;
}

.btn-primary:hover{
  opacity: 0.9;
}

/* 메타 */
.meta{
  color: var(--text-muted);
}

/* 네비 */
.navbar{
  background: rgba(255,255,255,0.7) !important;
  backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

body.dark-mode .navbar{
  background: rgba(15,23,42,0.8) !important;
}