:root {
  --bg: #08111f;
  --bg-elevated: rgba(13, 25, 44, 0.82);
  --panel: rgba(14, 23, 39, 0.78);
  --panel-strong: rgba(18, 30, 50, 0.96);
  --surface: rgba(255, 255, 255, 0.06);
  --surface-strong: rgba(255, 255, 255, 0.12);
  --line: rgba(148, 163, 184, 0.18);
  --text: #e5eefc;
  --muted: #a8bddb;
  --brand: #58a6ff;
  --brand-2: #50d7a0;
  --danger: #ff7f8f;
  --warn: #f7c76b;
  --radius: 16px;
  --shadow: 0 18px 48px rgba(3, 10, 24, 0.38);
  --sidebar-width: 286px;
}

[data-theme="light"] {
  --bg: #eef4fb;
  --bg-elevated: rgba(249, 251, 255, 0.88);
  --panel: rgba(255, 255, 255, 0.84);
  --panel-strong: rgba(255, 255, 255, 0.98);
  --surface: rgba(37, 99, 235, 0.08);
  --surface-strong: rgba(37, 99, 235, 0.12);
  --line: rgba(15, 23, 42, 0.1);
  --text: #0f172a;
  --muted: #5d6c84;
  --brand: #2463eb;
  --brand-2: #16a372;
  --danger: #d9485f;
  --warn: #b7791f;
  --shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}