:root {
  --bg-main: #0f172a;
  --bg-side: #1e293b;
  --text-main: #f1f5f9;
  --text-dim: #94a3b8;
  --border-color: rgba(255, 255, 255, 0.05);
  --card-bg: rgba(30, 41, 59, 0.5);
}

body.light-mode {
  --bg-main: #f8fafc;
  --bg-side: #ffffff;
  --text-main: #0f172a;
  --text-dim: #64748b;
  --border-color: rgba(0, 0, 0, 0.05);
  --card-bg: #ffffff;
}

/* Override all italic styles to normal across FE */
.italic { font-style: normal !important; }

/* Reduce h1 titles default and at lg breakpoint */
h1.text-2xl.lg\:text-3xl { font-size: 1.5rem !important; line-height: 2rem !important; }
@media (min-width: 1024px) {
  h1.text-2xl.lg\:text-3xl { font-size: 1.5rem !important; line-height: 2rem !important; }
}