:root {
        --primary-color: #ba2d0b;
        --primary-light: #FFA552;
        --primary-dark: #CC660D;
        --secondary-color: #FFAE42;
        --hover-color: #FFD580;
        --text-color: white;
        --font-family: Arial, sans-serif;
        --max-width: 1200px;
        --transition-speed: 0.3s;
        --white: #ffffff;
        --max-width: 1200px;
        
        /*abith's custom colors*/
        --primary-bg: #fffff; /*White*/
        --secondary-bg: #FAF3E0; /*light sand*/
        --tertiary-bg: #F5E3C3; /*sand*/
        
        --primary-text: #ba2d0b; /*Orange*/
        --secondary-text: #343a40; /*Dark Grey*/
        --tertiary-text: #CC660D; /*Dark Orange*/
        --para-text: #6c757d;
        

        
    }