body {
  transition-duration: 0.03s;
}

.germania-one-regular {
  font-family: "Germania One", system-ui;
  font-weight: 400;
  font-style: normal;
}

:root {
  --bulma-family-primary: "Source Sans 3", sans-serif;
  --bulma-family-monospace: "Source Code Pro", monospace;
  --bulma-family-code: "Source Code Pro", monospace;

  --bulma-focus-h: 38deg;
  --bulma-focus-s: 92%;
  --bulma-focus-l: 50%;
  --bulma-focus-width: 4px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bulma-body-background-color: #DEEFE7;

    --bulma-primary-h: 152.5deg;
    --bulma-primary-s: 19%;
    --bulma-primary-l: 75.3%;

    --bulma-link-h: 151.6deg;
    --bulma-link-s: 8.6%;
    --bulma-link-l: 56.7%;
    --bulma-link-text: #57645e;

    --bulma-warning-h: 29.1deg;
    --bulma-warning-s: 100%;
    --bulma-warning-l: 74.5%;

    .footer {
      background-color: #f1f8f5;
    }
  }
}

.content {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 470;
  line-height: normal;
  font-size: 1.2rem;

  a {
    text-decoration: underline;
  }
}

@media only screen and (min-width: 768px) {
  #note-content .card-content {
    padding: 2rem;
  }
}

@media only screen and (min-width: 1023px) {
  #note-content .card-content {
    padding: 4rem;
  }
}

#toast {
  opacity: 0;
  transition: opacity 10s step-end;
}

#toast.htmx-added, #toast.is-warning, #toast.is-flash {
  opacity: 100%;
  transition: opacity 10s step-start;
}

#note-content {
  anchor-name: --anchor-note;
}

.dropdown {
  &>.dropdown-trigger > .button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  &>.search-menu {
    min-width: var(--bulma-dropdown-menu-min-width);
    position: absolute;
    inset: auto;
    top: anchor(top);
    left: anchor(left);
    width: anchor-size(width);
    border-width: 0;
    border-radius: var(--bulma-dropdown-content-radius);
    box-shadow: var(--bulma-dropdown-content-shadow);
    margin: 0;
  }

  &>.note-menu {
    border-top-left-radius: 0 !important;
    min-width: var(--bulma-dropdown-menu-min-width);
    position: absolute;
    inset: auto;
    top: anchor(bottom);
    left: anchor(--anchor-note left);
    width: anchor-size(--anchor-note width);
    border-width: 0;
    border-radius: var(--bulma-dropdown-content-radius);
    box-shadow: var(--bulma-dropdown-content-shadow);
    margin: 0;
  }
}

/* Card header buttons */

.card {
  &>.card-header {
    &>.button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    &>.button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

#note-links {
  .card {
    margin-bottom: 0;
  }

  .card:not(:first-child) {
    &>.card-header {
      &>.button:first-child {
        border-top-left-radius: 0;
      }

      &>.button:last-child {
        border-top-right-radius: 0;
      }
    }
  }

  .card:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}