html {
  --primary-color: #296ec6;
  --secondary-color: #1662c7;
  --error-color: #b91c1c;

  /* Global css */
  --border-radius: 0.5rem;
  --text-color: #3c3c3c;
  --background-color: #ffffff;
  --font-family: Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --page-layout-border-radius: 1rem;
  --h2-self-asserted-intro-text-allign: center;
  --panel-register-text-align: center;
  --signin-input-auto-fill-color: #d1e0db;
  --panel-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);

  /* Heading css */
  --heading-text-color: #2e3b37;
  --heading-font-size: 36px;
  --heading-font-size-h2: 20px;
  --heading-font-weight: 500;
  --heading-text-align: left;

  /* Button css */
  --button-color: var(--primary-color);
  --button-disabled-background-color: var(--button-color);

  --button-border-radius: var(--border-radius);

  --button-text-color: #fff;
  --button-secondary-color: #fff;
  --button-secondary-text-color: var(--primary-color);
  --button-visited-color: var(--primary-color);

  --button-box-shadow: none;
  --button-hover-color: var(--secondary-color);
  --button-hover-text-color: var(--button-text-color);
  --button-hover-box-shadow: none;
  --button-login-width: 100%;
  --button-login-position: middle;

  --button-font-weight: normal;
  --button-font-size: 16px;
  --button-text-transform: none;
  --button-secondary-hover-color: var(--secondary-color);
  --button-secondary-border: 1px solid #002e21;

  /* Link css */
  --link-color: #337ab7;
  --link-hover-color: 23527c;
  --link-font-weight: normal;
  --link-font-size: 1em;
  --link-text-decoration: underline;

  /* Input control css*/
  --input-text-color: #555;
  --input-placeholder-color: #605e5c;
  --input-placeholder-font-weight: 370;
  --input-placeholder-font-size: 14px;
  --input-border-radius: var(--border-radius);
  --input-required-pseudo-color: var(--error-color);
  --input-background-color: #fff;
  --input-border-color: #ccc;
  --input-font-weight: none;
  --input-font-size: 14px;

  /* Input label css*/
  --input-label-text-color: #333;
  --input-label-login-display: none;
  --input-label-position: start;
  --input-label-margin-inline-start: 0px;
  --input-label-font-weight: 450;

  /*Verify button css*/
  --label-email-verify-display: none !important;
  --text-success-email-verify-float: inline-start;

  /*Forgotpassword button css*/
  --forgotpassword-ltr-right: none;
  --forgotpassword-ltr-left: 4px;
  --forgotpassword-rtl-right: 4px;
  --forgotpassword-rtl-left: none;

  /*Remember me button css*/
  --rememberme-margin-top: -2.4rem;
  --rememberme-label-margin-top: 0.6rem;
  --rememberme-ltr-right: 0;
  --rememberme-ltr-left: 59%;
  --rememberme-rtl-right: 59%;
  --rememberme-rtl-left: 0;

  --rememberme-text-color: #2e3b37;
  --rememberme-font-weight: 600;
  --rememberme-font-size: 14px;
  --logo-height: 75px;

  /* Check box css */
  --checkbox-border: 1px solid #ccc;
  --checkbox-size: 20px;
  --checkbox-border-radius: 0.2rem;
  --checkbox-checked-content: "✓";
  --checkbox-self-asserted-line-height: 23px;
}