:root {
    /* Color Palette */
    /*
    * Combination 1: CAF7E3, EDFFEC, 
    * Combination 2: E4BAD4, F6DFEB
    */
    --base-primary-color: #1746A2;
    --base-secondary-color: #5F9DF7;
    --base-shade-color: #BBD4F2;
    
    --base-primary-color-2: #edc953;
    --base-secondary-color-2: #FFF7E9;
    --base-shade-color-2: #DCDAD0;
    --white-color: #F8F6F2;
    --white-color-2: #FBFBF8;
    --default-bg-color: #FFF;
    --dark-color: #202022;

    /* Navbar */
    --navbar-shadow: rgba(48, 49, 51, 0.2);
    --navbar-brand-shadow: rgba(0, 113, 176, 0.18);
  
    /* Gradient */
    --gradient-color: rgba(#1746A2, 1) 24%,  rgba(#5F9DF7, 1) 100%;
    --gradient-color-2: rgba(#edc953, 1) 50%, rgba(#FFF7E9, 1) 90%;
  
    /* Box Shadow */
    --box-shadow: 9px 11px 39px -5px rgba(#edc953, 0.7);
  
    /* Text */
    --primary-text-color: #0F2859;
    /* --primary-text-color: #070c16; */
    --secondary-text-color: #FFF;
    --gray-text-color: #909399;
    --transparent-text-color: rgb(250, 252, 253, 0.8);
    --dark-text-color: #263140;
    --white-text-color: #FBFBF8;
    --danger-color: #dc3545;
  
    /* Footer */
    --footer-background-color: #000;
    --footer-list-color: var(--base-primary-color);
  
    overflow-x: hidden;
    box-sizing: border-box;
  }