:root {
    --header-color: #5a189a;
    --bg-color: #7c3daf;
    --text-color: #e0e0e0;
    --subtitle-color: #bbbbbb;
    --card-bg: #16213e;
    --icon-color: white;

    --primary-button: #7209b7;
    --secondary-button: #9d4edd;

    --success-color: #06d6a0;
    --info-color: #118ab2;
    --error-color: #ef476f;
    
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    --input-border: #444;
    --input-focus: #9d4edd;
    
    --roxo-escuro: #3a125f;
    --roxo-medio: #5a189a;
    --roxo-azul: #7209b7;
    --roxo-claro: #b5a6d4;
    --roxo-suave: #2a1a47;
    --texto-escuro: #0f0f1e;
    --texto-claro: #e0e0e0;

    --discord: #5865F2;
    --youtube: #FF0000;
    --tiktok: #000000;
}

.material-icons, .fas {
    color: var(--icon-color);
}