:root {
    --light-magenta: #c13cb2;
    --dark-magenta: #a11692;
    --darker-magenta: #8a1280;
    --jet: #333333;
    --light-jet: #555555;
    --eggshell: #efefef;
    --white: #ffffff;
    --off-white: #f5f5f5;
    --light-color: #f8f9fa;
    --red: #e74c3c;
    --green: #27ae60;
    --blue: #3498db;
    --orange: #f39c12;

    --rgb-light-magenta: rgba(193, 60, 178);
    --rgb-dark-magenta: rgba(161, 22, 146);
    --rgb-darker-magenta: rgba(138, 18, 128);
    
    /* Proporções */
    --page-width: 80%;
    --mobile-page-width: 90%;
    --box-shadow: 4px 4px 10px rgba(160, 160, 160, 0.3);
    --button-shadow: 3px 3px 10px rgba(50, 0, 50, 0.3);
    --border-radius: 10px;;
}