@import url('./font.css');
@import url('./adfs.css');
@import url("./default.css");
@import url('./two-auth.css');


:root {
  /* Global variables */
  --login-body-background-color: #F0F2F0;
  --login-panel-width: 458px;

  --login-message-color: #444444;
  --login-message-font-size: 1rem;

  /* Default Panel vairables */
  --login-panel-background-color: #fff;
  --login-panel-color: #2C2C2C;
  --login-panel-box-shadow: 0px 100px 80px rgba(39, 37, 37, 0.03), 0px 41.7776px 33.4221px rgba(39, 37, 37, 0.02), 0px 22.3363px 17.869px rgba(39, 37, 37, 0.04), 0px 12.5216px 10.0172px rgba(39, 37, 37, 0.035), 0px 6.6501px 5.32008px rgba(39, 37, 37, 0.0282725), 0px 2.76726px 2.21381px rgba(39, 37, 37, 0.0196802);
  --login-panel-border: 1px solid #CEDFCE;
  --login-panel-border-radius: 0.25rem;
  --login-panel-email-icon-display: none;
  --login-panel-logo-background-image: url("/wp-content/mu-plugins/wordpress-secure-login/styles/logo.svg");
  --login-panel-logo-background-size: 80%;
  --login-panel-logo-width: 8rem;
  --login-panel-logo-height: 4rem;
  --login-panel-padding: 2.25rem 2rem;

  --login-panel-title-color: #2C2C2C;
  --login-panel-title-font-size: 1.5rem;
  --login-panel-title-font-weight: 600;

  --login-panel-description-font-size: 1.125rem;
  --login-panel-description-font-weight: 400;

  --login-panel-button-background: #0067A5;
  --login-panel-button-border: 1px solid #00578B;
  --login-panel-button-border-radius: 0.25rem;
  --login-panel-button-color: #ffffff;
  --login-panel-button-font-size: 1.125rem;
  --login-panel-button-font-weight: 700;
  --login-panel-button-hover-background: #00578B;
  --login-panel-button-hover-color: #fff;
  --login-panel-button-login-padding: 1.5rem 0;
  --login-panel-button-margin: 1.875rem;
  --login-panel-button-padding: 0.75rem 1rem;

  --login-panel-link-button-hover-color: #ffffff;

  --login-panel-divider-background-color: #ffffff;
  --login-panel-divider-text-padding: 0 1rem;
  --login-panel-divider-text-background-color: var(--login-panel-background-color, #add8e6);
  --login-panel-divider-text-color: var(--login-panel-color, #2C2C2C);
  --login-panel-divider-text-font-size: 1.25rem;
  --login-panel-divider-text-transform: lowercase;

  --login-panel-link-color: #0067A5;
  --login-panel-link-text-decoration: underline;
  --login-panel-link-hover-color:  #630077;
  --login-panel-link-hover-text-decoration: underline;
  --login-panel-link-font-size: 1.125rem;
  --login-panel-link-font-weight: 500;


  --login-panel-nav-color: #272525;
  --login-panel-nav-hover-color: #630077;
  --login-panel-nav-font-weight: 500;
  --login-panel-nav-padding: 0;
  --login-panel-nav-margin: 1rem 0;
  --login-panel-nav-text-decoration: underline;
  --login-panel-nav-font-size: 0.875rem;

  --login-panel-label-color: #272525;
  --login-panel-label-font-size: 1rem;

  --login-panel-input-background-color: #ffffff;
  --login-panel-input-border: 1px solid #C0D2C0;
  --login-panel-input-color: #272525;
  --login-panel-input-border-radius: 0.125rem;
  --login-panel-input-font-size: 1rem;
  --login-panel-input-min-height: 2rem;
  --login-panel-input-padding: 1rem;

  --login-panel-hide-pw-color: #630077;
  --login-panel-hide-pw-padding: 0.5rem;
  --login-panel-hide-pw-size: 3rem;
  --login-panel-hide-pw-position-right: 1px;

  --login-panel-resend-button-background: none;
  --login-panel-resend-button-color: #000000;
  --login-panel-resend-button-font-size: 1.125rem;
  --login-panel-resend-button-font-weight: 500;
  --login-panel-resend-button-text-decoration: underline;
  --login-panel-resend-button-padding: 0;
  --login-panel-resend-button-border: none;
}

@media (prefers-color-scheme: dark) {
:root {
  }
}