:root {
    /* Colors */
    --primary-color: #FF6A3D; /* Main Orange */
    --secondary-color: #F4F4F4; /* Light Gray Background */
    --accent-color: #FF3D00; /* Button Hover */
    --text-primary: #333333; /* Dark Text */
    --text-secondary: #888888; /* Subtle Text */
    --white: #FFFFFF; /* White Color */
    --card-bg: #FFFFFF; /* Card Background */
    --primary-light: #F6F5F5; /* Light orange */
    
    /*Abith updates*/
    --primary-text-color: #FF6A3D; /* Main Orange text*/
    --secondary-text-color: #13334b; /* Dark Text #333333*/
    
    --thirtiary-text-color: #888888;  /* Light Gray text */
    
    --primary-bg: #FF6A3D; /* Main Orange text*/
    --secondary-bg:  #fffff; /* white bg */
    --thirtiary-bg: #FFFCFB; /* Light Gray Background */
    
    --primary-cta: #FF6A3D; /* Main Orange cta*/
    --secondary-cta: #F4F4F4; /* Light Gray cta */

    /* Typography */
    --font-family: 'Poppins', sans-serif;
    --heading-font-size: 2.5em;
    --subheading-font-size: 2em;
    --body-font-size: 1em;
    --small-font-size: 0.875em;

    /* Spacing */
    --padding-section: 4em 2em;
    --border-radius: 10px;
    
    /*Shadows*/
    --shadow: rgba(0, 0, 0, 0.1); /* default */
    --shadow-inset: inset 10px 4px 4px rgba(0, 0, 0, 0.1);
    
    /* backgrounds */
    --gradient-circle: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
    --gradient-circle-white: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(254,248, 223, 1) 100%);
    
    
}

.page-wrap{max-width: 1200px; margin: 0 auto;}
.primary-light{background-color: var(--primary-light);}

p{font-size:1em; font-weight: 200;}
.emphasis {font-weight: 400;}