:root,
:host {
    --bernoulli-red: #ba1e1a;
    --bebb-font-ui: "avenirbook", "avenirbookfallback", sans-serif;
    --bebb-font-ui-bold: "avenirblack", sans-serif;
    --bebb-font-content: "Junicode", serif;
    --bebb-font-heading: Garamond, "Junicode", Georgia, "Times New Roman", serif;
    --bebb-font-diplomatic: "Libertinus Serif", "Junicode", serif;
    --bebb-control-height: 30px;
    --bebb-panel-toolbar-height: 32px;
    --bebb-control-radius: 5px;
    --bebb-control-hover-background: #e3e3e3;
    --bebb-control-transition: 200ms ease;
    --bebb-control-focus-color: #393939;
    --bebb-toolbar-control-gap: 5px;
    --bebb-sync-active-background: #393939;
    --bebb-sync-active-color: #ebecec;
    --bebb-sync-active-hover-background: #000;
    --jinks-form-control-height: var(--bebb-control-height);
    --jinks-form-control-font-size: 16px;
    --jinks-form-border-radius: var(--bebb-control-radius);
    --jinks-form-border-radius-full: var(--bebb-control-radius);
    --pico-border-radius: var(--bebb-control-radius);
    --jinks-base-font-family: var(--bebb-font-ui);
    --jinks-base-font-weight: 300;
    --jinks-content-font-family: var(--bebb-font-content);
    --jinks-content-font-weight: 300;
    --jinks-heading-font-family: var(--bebb-font-heading);
    --jinks-heading-font-weight: 600;
    --pb-base-font-family: var(--bebb-font-ui);
    --pb-base-font-weight: 300;
    --pb-content-font-family: var(--bebb-font-content);
    --pb-content-font-weight: 300;
    --pb-heading-font-family: var(--bebb-font-heading);
    --pb-heading-font-weight: 600;
    --pico-font-family: var(--bebb-font-ui);
    --pico-font-family-sans-serif: var(--bebb-font-ui);
}

@media (prefers-reduced-motion: reduce) {
    :root,
    :host {
        --bebb-control-transition: 0s;
    }
}