body {
    color: var(--wms-color-text);
    background: var(--wms-color-background);
    accent-color: var(--wms-color-primary);
}

a {
    color: var(--wms-color-primary);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
}

a:hover {
    color: var(--wms-color-primary-hover);
}

::selection {
    color: var(--wms-color-on-primary);
    background: var(--wms-color-primary);
}

hr {
    height: 1px;
    margin-block: var(--wms-space-8);
    border: 0;
    background: var(--wms-color-border);
}

.wms-icon {
    width: 1.15em;
    height: 1.15em;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.wms-main {
    min-height: calc(100vh - var(--wms-header-height));
    padding-block: clamp(2rem, 5vw, 4.5rem);
}

[hidden] {
    display: none !important;
}