@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");

body.login:has(#login) {
  background-color: var(--e-global-color-1e91108, #e0ddd1);
  color: var(--e-global-color-text, #2f2c2a);
  font-family: "Karla", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  & h1.wp-login-logo a {
    background-image: url("https://desert-zenmeditations.com/wp-content/uploads/DZ-logo-vert-blk.svg");
    background-size: contain;
    height: 200px;
    width: 200px;
  }

  & form#loginform {
    background-color: var(--e-global-color-secondary, #e9e6dd);
    border-color: var(--e-global-color-b977902, #d4cec4);

    & input[type="submit"] {
      background-color: var(--e-global-color-accent, #d85e58);
      color: var(--e-global-color-f70008b, #e9e6dd);
      border: none;
      border-radius: 0.25em;
      font-weight: var(--e-global-typography-accent-font-weight, 700);
      transition: background-color 0.3s;

      &:is(:hover, :focus, :focus-visible) {
        background-color: var(--e-global-color-6fa370d, #2f2c2a);
      }
    }
  }

  & a {
    color: inherit;
    transition: color 0.3s;
  }

  & a:active,
  a:hover,
  a:focus,
  a:focus-visible {
    color: var(--e-global-color-accent, #d85e58);
  }
}
/* Hides the 'Show Toolbar when viewing site' checkbox + Elementor AI checkbox and theme switcher on the profile page since we are hiding the admin bar for these roles anyway */
table.form-table:has(tbody > tr.show-admin-bar.user-admin-bar-front-wrap) {
  display: none !important;
  visibility: hidden;
}