:root {
  --bg: #0e1323;
  --bg-accent: #10182d;
  --surface: #121a2b;
  --surface-low: #161b2b;
  --surface-high: #182235;
  --surface-highest: #25293a;
  --line: #2f3446;
  --line-strong: #5c3f43;
  --text: #f8fafc;
  --text-soft: #a8b3c7;
  --text-dim: #7d8aa5;
  --primary: #ff4e7c;
  --primary-soft: rgba(255, 78, 124, 0.16);
  --secondary: #44e2f6;
  --secondary-soft: rgba(68, 226, 246, 0.14);
  --success: #22c55e;
  --success-soft: rgba(34, 197, 94, 0.16);
  --warning: #f59e0b;
  --warning-soft: rgba(245, 158, 11, 0.18);
  --danger: #ef4444;
  --danger-soft: rgba(239, 68, 68, 0.16);
  --shadow: 0 20px 50px rgba(2, 6, 23, 0.35);
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --sidebar-width: 280px;
  --content-max: 1440px;
}