:root {
  /* Background Layers */
  --bg-primary: #0f1117;
  --bg-secondary: #1a1d27;
  --bg-tertiary: #242834;
  --bg-hover: #2d3241;

  /* Accent Colors */
  --accent-primary: #7c8aaa;
  --accent-success: #4ade80;
  --accent-warning: #fbbf24;
  --accent-danger: #f87171;
  --accent-info: #67e8f9;

  /* Text Colors */
  --text-primary: #e8ecf4;
  --text-secondary: #8b95a8;
  --text-tertiary: #5c6478;

  /* Borders */
  --border-subtle: #2a2e3a;
  --border-active: rgba(124, 138, 170, 0.4);

  /* Gradients */
  --gradient-success: linear-gradient(135deg, #065f46, #064e3b);
  --gradient-warning: linear-gradient(135deg, #78350f, #713f12);
  --gradient-danger: linear-gradient(135deg, #7f1d1d, #991b1b);
  --gradient-neutral: linear-gradient(135deg, #1e293b, #1a1d27);

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  
  /* Typography */
  --font-family: 'Inter', sans-serif;
  
  /* Layout Dimensions */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 0px;
  --topbar-height: 56px;
}