body {
    min-height: 100vh;
    overflow-y: scroll;
    color: var(--color-text); 
    background-color: var(--color-bg);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    -webkit-font-smoothing: antialiased;
    font-family: system-ui, -apple-system, sans-serif;
}

a {
  color: var(--color-link);
}

a:hover {
    color: var(--color-link-hover);
}

a:active {
    color: var(--color-link-active);
}

a:visited {
  color: var(--color-link-visited);
}


/* HTMX styles */

.htmx-indicator{
    display:none;
    opacity:0;
    transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator{
    display:inline-block;
    opacity:1
}
.htmx-request.htmx-indicator{
    display:inline-block;
    opacity:1
}

.htmx-indicator-hide{
    display: block;
}

.htmx-request .htmx-indicator-hide{
    display: none;
}
.htmx-request.htmx-indicator-hide{
    display: none;
}