:root {
    --uoph-brand-logo-inline-size: clamp(72px, 6vw, 112px);
    --uoph-collection-mark-inline-size: min(46vw, 18rem);
}

html button[class^="uoph-"],
html button[class*=" uoph-"],
html input:where([type="button"], [type="submit"])[class^="uoph-"],
html input:where([type="button"], [type="submit"])[class*=" uoph-"] {
    border-color: currentColor;
    color: inherit;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

:where(input[type="checkbox"], input[type="radio"])[class^="uoph-"],
:where(input[type="checkbox"], input[type="radio"])[class*=" uoph-"] {
    accent-color: #191816;
}