: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;

  --is-header-sticky: 0;

  --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;
}