@layer kelp.theme {
    :where(:root) {
        /* --color-blue-chroma: 0.01; */
    }
}

html, body {
    overflow: hidden;
}

button {
    &.icon {
        padding-block: var(--size-4xs);
        padding-inline: var(--size-4xs);
    }
}

summary::marker {
    content: "";
}

.sidebar nav a svg {
    min-width: 24px;
}

main {
    overflow-y: auto;
    overflow-x: hidden;
}

.card {
    padding: var(--size-4xs);
    border: 1px solid var(--color-primary-border-accent);
    border-radius: var(--size-4xs);
}