:root {
  --white: #ffffff;
  --gray: #d9d9d9;
  --black: #1d1224;
  --primary-color: #730777;
  --secondary-color: #2c0f37;
  --dark-secondary-color: #533c5c;
  --tertiary-color: #d0a6e1;
  --light-tertiary-color: #f9f3fb;
  --text-color: #433448;
  
  --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  --gradient-light: linear-gradient(135deg, var(--tertiary-color) 0%, var(--light-tertiary-color) 100%);
  
  --shadow-sm: 0 2px 10px rgba(45, 15, 55, 0.1);
  --shadow-md: 0 4px 20px rgba(45, 15, 55, 0.15);
  --shadow-lg: 0 8px 30px rgba(45, 15, 55, 0.2);
  
  --transition: all 0.3s ease;
  --radius: 8px;
  
  --font-family: 'DM Sans', sans-serif;
}