:root {
    /*fonts*/
    --font-icon: Material Symbols Outlined;
    --fluxvara-name: "Montserrat", sans-serif;
    --primary-font: "Hanken Grotesk", sans-serif;
    --secondary-font : "Manrope", sans-serif;
    --footer-font: "JetBrains Mono", monospace;


    /*colors*/
    --brand-color: #085466;
    --primary-color: #0B1C30;
    --primary-shadow: #0b1c3063;
    --secondary-color: #2563EB;
    --footer-background: #EFF4FF;
    --action: #ff0000;
    --white: #FFFFFF;
    --background-color: #F8F9FF;
    --border-color: #C4C7C9;

    --container-width:100rem;
    --container-padding:2rem;
}