:root {
    --header-color: #7939be;
    --bg-color: #7b68ee;
    --text-color: black;
    --subtitle-color: #333333;
    --card-bg: lightgray;
    --icon-color: black;

    --primary-button: #663ed4;
    --secondary-button: #855ed3;
    
    --success-color: #2ecc71;
    --info-color: #3498db;
    --error-color: #e74c3c;
    
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    --input-border: #ddd;
    --input-focus: #6a11cb;
    
    --roxo-escuro: #4a1c82;
    --roxo-medio: #6a0dad;
    --roxo-azul: #7b68ee;
    --roxo-claro: #9370db;
    --roxo-suave: #e6e6fa;
    --texto-escuro: #2d2d2d;
    --texto-claro: #f8f8ff;

    --discord: #5865F2;
    --youtube: #FF0000;
    --tiktok: #000000;
}
.material-icons, .fas {
    color: var(--icon-color);
}