:root {
  --search-grid-gap: 10px;

  --search-grid-cell-padding: 0px;
  --search-grid-cell-font-family: var(--website-font-family);
  --search-grid-cell-font-size: var(--website-font-size);
  --search-grid-cell-font-weight: var(--website-font-weight);
  --search-grid-cell-color: var(--website-color);
  --search-grid-cell-background-color: var(--website-background-color);
  --search-grid-cell-border-width: var(--menu-border-width);
  --search-grid-cell-border-style: var(--menu-border-style);
  --search-grid-cell-border-color: var(--menu-border-color);

  --heading-block-font-family: var(--website-font-family);
  --heading-block-font-weight: var(--website-font-weight);
  --heading-block-font-size: var(--website-font-size);
  --heading-block-color: var(--color-5);
  --heading-block-background-color: var(--background-color-5);
  --heading-block-hover-background-color: var(--background-color-6);
  --heading-block-border-width: var(--menu-border-width);
  --heading-block-border-style: var(--menu-border-style);
  --heading-block-border-color: var(--menu-border-color);
  --heading-block-border-radius: var(--website-border-radius);

  --search-block-font-family: var(--website-font-family);
  --search-block-font-weight: var(--website-font-weight);
  --search-block-font-size: var(--website-font-size);
  --search-block-color: var(--website-color);
  --search-block-background-color: var(--heading-block-background-color);
  --search-block-hover-background-color: var(--heading-block-hover-background-color);
  --search-block-border-width: var(--menu-border-width);
  --search-block-border-style: var(--menu-border-style);
  --search-block-border-color: var(--menu-border-color);
  --search-block-border-radius: var(--website-border-radius);

  --search-button-font-family: var(--search-block-font-family);
  --search-button-font-size: var(--search-block-font-size);
  --search-button-font-weight: bold;
  --search-button-color: var(--color-8);
  --search-button-background-color: var(--background-color-7);
  --search-button-border-width: var(--heading-block-border-width);
  --search-button-border-style: var(--heading-block-border-style);
  --search-button-border-color: var(--heading-block-border-color);
  --search-button-border-radius: var(--website-border-radius);

  --search-reset-button-font-family: var(--search-block-font-family);
  --search-reset-button-font-size: var(--search-block-font-size);
  --search-reset-button-font-weight: bold;
  --search-reset-button-color: var(--color-8);
  --search-reset-button-background-color: var(--background-color-7);
  --search-reset-button-border-width: var(--heading-block-border-width);
  --search-reset-button-border-style: var(--heading-block-border-style);
  --search-reset-button-border-color: var(--heading-block-border-color);
  --search-reset-button-border-radius: var(--website-border-radius);

  --reset-button-font-family: var(--search-block-font-family);
  --reset-button-font-size: var(--search-block-font-size);
  --reset-button-font-weight: bold;
  --reset-button-color: var(--color-8);
  --reset-button-background-color: var(--background-color-7);
  --reset-button-border-width: var(--heading-block-border-width);
  --reset-button-border-style: var(--heading-block-border-style);
  --reset-button-border-color: var(--heading-block-border-color);
  --reset-button-border-radius: var(--website-border-radius);
}
