:root {
    --text-dark: #141420;
    --text-light:  #ffffff;
    --pp-primary:  #000056;
    --pp-secondary-100:  #4E5F7E;
    --pp-secondary-75:  #61779E;
    --pp-secondary-50:  #A0ADC5;
    --pp-secondary-25:  #CBD2E0;
    --pp-tertiary-100: #E2E4E8;
    --pp-tertiary-75: #EDF0F3;
    --pp-tertiary-50: #F2F4F7;
    --pp-tertiary-25: #F7F9FC;
    --pp-accent1: #00CCCC;
    --pp-accent2: #BFF2F2;
    
    
    --font-family-montserrat: "Montserrat", "Open Sans";
    
    * {
      font-size:16px;
    }
    
    h1 {
      font-style: normal;
      font-weight: bold;
      letter-spacing: 0;
      line-height:1.2em;
      font-size: 3.5em;
  
    }
  
    h2 {
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      line-height:1.2em;
      font-size:2.25em;
  
    }
  
    h3 {
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      line-height:1.4em;
      font-size:1.5em;

    }
  
    h4 {
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      line-height:1.2em;
      font-size:1.2em;
  
    }
  
    h5 {
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      line-height:1.2em;
    
    }
  
    p, label, li {
      font-style: normal;
      letter-spacing: 0;
      line-height:1.4em;
    }
  
    .bold {
      font-weight: 600!important;
    }
  
    a {
      text-decoration:none;
      color:inherit;
    }

    .disclaimer {
      font-size:0.75em;
    }
  
    button,.btn {
        padding: 12px 20px;
        height:fit-content;
        border: none;
        border-radius: 8px;
        transition: 0.3s ease;
        display: flex;
        align-items: center;
        gap: 12px;
        width: fit-content;
        font-weight:700;
        text-transform:uppercase;
      }

      .btn-primary {
        background-color: var(--pp-accent1);
        color: var(--pp-primary);
      }
      .btn-primary:hover {
        background-color: var(--pp-primary);
        color: var(--text-light);
      }

      .btn-secondary {
        background-color: var(--pp-accent2);
        color: var(--pp-primary);
      }

      .btn-secondary:hover {
        background-color: var(--pp-primary);
        color: var(--text-light);
      }


      .btn-tertiary {
        background-color: var(--pp-primary);
        color: var(--text-light);
      }

      .btn-tertiary:hover {
        background-color: var(--pp-accent1);
        color: var(--pp-primary);
      }

      .btn-lrg {
        padding:12px 20px;
        font-size:1.25em;
      }
  
  }