:root {
    /* Cores principais */
    --primary-color: #8A2BE2;
    --primary-dark: #6a1cb0;
    --primary-light: #a855f7;
    --primary-rgb: 138, 43, 226;
    --secondary-color: #42B883;
    --secondary-dark: #2d8a63;
    --secondary-light: #5bd29f;
    --secondary-rgb: 66, 184, 131;
    
    /* Cores do tema dark (padrão) */
    --bg-color: #121212;
    --bg-color-rgb: 18, 18, 18;
    --bg-secondary: #1a1a1a;
    --bg-darker: #0d0d0d;
    --bg-tertiary: #2d2d2d;
    --card-bg: #1e1e1e;
    --card-bg-rgb: 30, 30, 30;
    --card-bg-hover: #252525;
    --text-color: #f8f9fa;
    --text-secondary: #b0b5bb;
    --border-color: #333;
    --border-color-rgb: 51, 51, 51;
    
    /* Cores de estado */
    --danger-color: #ff4757;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --error-color: #ef4444;
    
    /* Sombras */
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 8px 25px rgba(138, 43, 226, 0.15);
    --button-shadow: 0 4px 12px rgba(138, 43, 226, 0.25);
    --button-shadow-hover: 0 6px 20px rgba(138, 43, 226, 0.4);
    
    /* Dimensões */
    --header-height: 70px;
    --container-max-width: 1200px;
    --border-radius: 8px;
    
    /* Transições */
    --transition-speed: 0.3s;
    
    /* Fontes */
    --font-family: 'Inter', sans-serif;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;

    /* Aliases de variáveis */
    --text-muted: #6c757d;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
}
 
/* Tema light */
:root[data-theme="light"],
html.light-theme,
body.light-theme {
    --bg-color: #f8f9fa;
    --bg-secondary: #ffffff;
    --card-bg: #ffffff;
    --text-color: #212529;
    --text-secondary: #6c757d;
    --border-color: #dee2e6;
}