:root {
    --scroll-bar-track-color: var(--color-light-shade);
    --scroll-bar-thumb-color: var(--color-dark);
    --scroll-bar-offset: var(--space-l-xl);

    --stroke-color: var(--color-dark);

    --mark-bg: linear-gradient(0deg,
            transparent 20%,
            rgba(var(--color-primary-rgb), 1) 20%,
            rgba(var(--color-primary-rgb), 1) 84%,
            transparent 84%);
    --mark-bg-light: linear-gradient(0deg,
            transparent 20%,
            rgba(var(--color-light-rgb), 1) 20%,
            rgba(var(--color-light-rgb), 1) 84%,
            transparent 84%);

    --cluster-wrap: wrap;
    --cluster-column-gap: var(--gutter, var(--space-s-m));
    --cluster-row-gap: var(--gutter, var(--space-s-m));
    --cluster-horizontal-alignment: flex-start;
    --cluster-vertical-alignment: center;
    --cluster-direction: row;

    --gutter-wrapper-inline: var(--space-s);
    --gutter-wrapper-inner-inline: var(--gutter);
    --gutter-wrapper-inner-block: var(--gutter);

    --global-gutter-wrapper-inline: var(--gutter-wrapper-inline);
    --global-gutter-wrapper-inner-block: var(--gutter-wrapper-inner-block);
    --global-gutter-wrapper-inner-inline: var(--gutter-wrapper-inner-inline);

    --button-hidden-label-padding: 0;
    --button-hidden-label-text: var(--color-light-glare);
    --button-hidden-label-border-color: transparent;

    --button-primary-bg: var(--color-primary);
    --button-primary-text: var(--color-dark);
    --button-primary-border-color: var(--color-primary);

    --button-primary-bg-hover: #f1a72b;
    --button-primary-text-hover: var(--color-dark);
    --button-primary-border-color-hover: #f1a72b;
}