.tabs__control {
    text-decoration: none;
    color: var(--color-contrast-medium);
    background-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--bg-o));
    text-decoration: none;
    color: var(--color-contrast-medium);
    padding: var(--space-xxs) var(--space-sm);
    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-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px
}

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

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