body {
  --color-main: #eeeeee;
  --color-accent: #d88d98;

  --header-accent: rgb(from var(--color-accent) r g b / 0.1);
  /* --darker-accent: hsl(from var(--color-accent) h s 10); */

  --default-link-color: #3e44be;
  --color-link: var(--default-link-color);

  --font-primary: "Noto Sans", sans-serif;
  --font-secondary: var(--font-primary);
  --font-size: 1rem;
  --line-height: 1.5;

  --brightness-modifier: 0.4;
  --darker: #000000bb;

  /* make tables and border salmon */
  /* --border: 1px solid var(--color-accent); */

  /* --button-text-color: var(--color-text);
  --button-border-radius: var(--spacing);
  --button-bg-color-hover: var(--darker-accent);
  --btn-start-icon-size: 35px; */
  /* header */
  --color-section-header-bg: var(--header-accent);
  /* --header-link-color: var(--color-white); */
  --header-search-input-border: var(--border);
  --header-search-button-color: var(--color-text);
  --header-search-button-bg-color-hover: var(--darker-accent);
  --header-services-button-color: var(--color-black);
  --header-services-button-border-color: var(--color-black);

  /* breadcrumbs */
  /* --breadcrumbs-background-color: var(--color-accent); */

  --button-text-color: var(--color-text);
  --button-border-radius: var(--spacing);
  --button-bg-color-hover: var(--darker-accent);
  --btn-start-icon-size: 35px;

  /* header */
  --header-link-color: var(--color-white);
  --header-search-input-border: var(--border);
  --header-search-button-color: var(--color-text);
  --header-search-button-bg-color-hover: var(--darker-accent);
  --header-services-button-color: var(--color-black);
  --header-services-button-border-color: var(--color-black);

  /* breadcrumbs */
  --breadcrumbs-background-color: var(--color-accent);
  --breadcrumbs-link-color: var(--darker);
  --breadcrumbs-border: 0;

  /* footer */
  --color-section-footer-bg: #e4e1e1;
  --section-spacing-vertical-post-footer: var(--spacing-largest);
  --color-section-post-footer-bg: var(--color-main);
  --color-post-footer-heading: var(--darker);
  --color-post-footer-link: var(--darker);

  /* (footer) housekeeping */
  --color-housekeeping-text: var(--color-black);
  --color-housekeeping-link: var(--color-black);
  --color-section-housekeeping-bg: var(--color-section-post-footer-bg);

  /* Sidebar Items */
  --sidebar-exposed-form-bg-color: var(--color-accent);
  --sidebar-exposed-form-padding-vertical: var(--spacing);
  --sidebar-exposed-form-padding-horizontal: var(--spacing);
}