:root {
  /* Colors */
  --primary-gradient: linear-gradient(170.24deg, #4647D3 0%, #9396FF 100%);
  --primary-gradient-hover: linear-gradient(170.24deg, #5C4AE4 0%, #A6A7FF 100%);
  --primary-gradient-disabled: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), linear-gradient(90deg, #5C4AE4 0%, #5C4AE4 100%);
  
  --bg-app: #f1f5f9;
  --bg-sidebar: #ffffff;
  --bg-canvas: #e5e7eb;
  
  --text-main: #0f172a;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --text-white: #ffffff;
  
  --border-color: #e2e8f0;
  --border-color-light: #f1f5f9;
  
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-premium: 0px 10px 15px 0px rgba(15, 23, 42, 0.12), 0px 4px 6px 0px rgba(15, 23, 42, 0.12);

  /* Spacing */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
}