/* =====================================
    1. TEMPLATE VARIABLES.
===================================== */
:root {
    /* ----- COLOR PALETTE. ----- */
    --primary-color: #bf1e2e;
    --secundary-color: #01b3e4;
    --headline-color: #022731; 
    --dark-color: #333333;
    --paragraph-color: #808080;
    --background-color: #F9FAFB;
    --body-color: #FFFFFF;
    --owl-dots: #f0f2f5;
    --border-color: rgb(224, 228, 235, 0.7);
    --soft-gray: #b3b3b3;
    --light-gray: #f5f4f2;
 
    --footer-background: var(--dark-color);
    --button-background: var(--primary-color);
    --primary-hover: var(--primary-color);
    --secundary-hover: var(--secundary-color);
     
    /* ----- TYPOGRAPHY. ----- */
    --base-font: 'Open Sans', sans-serif;
    --secundary-font: 'Montserrat', sans-serif;
    --paragraph-font-size: 15px;
     
    /* ----- SPACING. ----- */
    --normal-spacing: 50px;
    --normal-center-spacing: 30px 0px;
    --normal-center-spacing-60: 60px 0px;
    --normal-center-spacing-80: 80px 0px;

    --normal-right-padding: 80px;
    --normal-left-padding: 80px;
    --normal-right-margin: 50px;
    --normal-left-margin: 50px;


    /* ----- PRAGYA COLOR PALETTE. ----- */
    --construction-primary: #bf1e2e;
    --construction-secundary: #000;

    
  }