:root {
  --main-menu-font-size: max(1.00rem, min(calc(0.75rem + 0.35vw), 1.125rem));

  --main-nav-bg-color: var(--color-yellow);
  --main-nav-link-color: var(--color-deep-purple);
  --main-nav-hover-bg-color: var(--color-deep-purple);
  --main-nav-hover-color: var(--color-white);
  --accent-1: var(--color-blue);
  --accent-2: var(--color-deep-purple);
  --section-nav-link-color: var(--accent-1);
  --section-nav-link-color-hover: var(--accent-2);
  --section-nav-icon-filter: invert(28%) sepia(70%) saturate(2023%) hue-rotate(170deg) brightness(91%) contrast(88%);
  --section-nav-icon-filter-hover: none;

  --color-focus: var(--color-blue);
  --color-list-marker: var(--color-deep-purple);
  --color-blockquote-border: var(--accent-1);
  --color-link-hover: var(--color-deep-purple);

  --primary-button-bg-color: var(--color-deep-purple);
  --primary-button-text-color: var(--color-white);
  --primary-button-bg-color-hover: var(--color-yellow);
  --primary-button-text-color-hover: var(--color-deep-purple);


  --secondary-button-bg-color: var(--cpag-dark-warm-grey);
  --secondary-button-text-color: var(--color-deep-purple);
  --secondary-button-bg-color-hover: var(--color-blue);
  --secondary-button-text-color-hover: var(--color-white);
}