:root {
  /* Color Palette - Tons de Roxo */
  --color1: #4a2b7b;  /* Roxo escuro */
  --color2: #5d3a9e;  /* Roxo médio-escuro */
  --color3: #7149c6;  /* Roxo médio */
  --color4: #8a63d2;  /* Roxo médio-claro */
  --color5: #a37ede;  /* Roxo claro */
  --color6: #d4c1f0;  /* Roxo muito claro */
  
  /* Cores Complementares */
  --complement1: #f5e6ff;  /* Lilás claro */
  --complement2: #2d1a4a;  /* Roxo muito escuro */
  --complement3: #e9d5ff;  /* Lavanda */
  
  /* Functional Colors */
  --primary: var(--color1);
  --primary-hover: var(--color2);
  --secondary: var(--color3);
  --secondary-hover: var(--color4);
  --accent: var(--color5);
  --accent-light: var(--color6);
  
  /* Text Colors */
  --text-dark: #2e2e3a;
  --text-light: #ffffff;
  --text-muted: #6c757d;
  --text-primary: var(--color1);
  --text-secondary: var(--color3);
  
  /* Background Colors */
  --bg-light: #f8f9fa;
  --bg-dark: var(--complement2);
  --bg-primary-light: var(--complement1);
  --bg-primary-subtle: var(--complement3);
  --bg-gradient: linear-gradient(135deg, var(--color1), var(--color3));
  
  /* Status Colors */
  --success: #28a745;
  --warning: #ffc107;
  --danger: #dc3545;
  --info: #17a2b8;
  
  /* Border Colors */
  --border-color: #dee2e6;
  --border-primary: var(--color3);
  --border-secondary: var(--color5);
  
  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 3rem;
  
  /* Border Radius */
  --border-radius-sm: 0.25rem;
  --border-radius: 0.5rem;
  --border-radius-lg: 1rem;
  --border-radius-xl: 2rem;
  
  /* Box Shadow */
  --box-shadow: 0 0.5rem 1rem rgba(74, 43, 123, 0.15);
  --box-shadow-sm: 0 0.125rem 0.25rem rgba(74, 43, 123, 0.075);
  --box-shadow-lg: 0 1rem 3rem rgba(74, 43, 123, 0.175);
  --box-shadow-primary: 0 0.5rem 1rem rgba(74, 43, 123, 0.25);
  
  /* Transitions */
  --transition-fast: all 0.2s ease;
  --transition-normal: all 0.3s ease;
  --transition-slow: all 0.5s ease;
}