.tabs__control {
    text-decoration: none;
    color: var(--color-contrast-medium);
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o));
    text-decoration: none;
    color: var(--color-contrast-medium);
    border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1));
    border-radius: var(--radius-md);
    outline: none;
}

.tabs__control:focus {
    outline: 2px solid hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    outline-offset: 2px
}

.tabs__control:hover {
    color: var(--color-contrast-high)
}

.tabs__control[aria-selected=true] {
    color: var(--color-bg);
    /* color: var(--color-contrast-high); */
    text-decoration: underline;
    background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), 1);
    text-decoration: none;
}