:root {
  /* Colors */
  --primary-color: #634FC4;
  --primary-color-hover: #503e9d;
  --secondary-color: #8686D1;
  --notification-color: #DF0070;
  --background-light: #f8f9fa;
  --text-color: #333;
  --text-muted: #49626c;
  --text-placeholder: #999;
  --border-color: #eee;
  --border-color-dark: #ddd;
  --white: #ffffff;

  /* Shadows */
  --shadow-soft: 0 8px 24px rgba(28,50,58,0.12);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.15);

  /* Fonts */
  --font-family-main: 'Sofia Pro', 'Helvetica Neue', Arial, sans-serif;
}