.btn-primary {
  --bs-border-radius: 100px;
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--accent-color);
  --bs-btn-border-color: var(--accent-color);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--space-purple);
  --bs-btn-hover-border-color: var(--space-purple);
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--space-purple);
  --bs-btn-active-border-color: var(--space-purple);
  --bs-btn-disabled-color: rgba(var(--space-purple), 0.7);
  --bs-btn-disabled-bg: rgba(var(--accent-color), 0.7);
  --bs-btn-disabled-border-color: rgba(var(--accent-color), 0.7);
}

.btn-secondary {
  --bs-border-radius: 100px;
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--amethyst-darker-1);
  --bs-btn-border-color: var(--amethyst-darker-1);
  --bs-btn-hover-color: var(--dusk);
  --bs-btn-hover-bg: var(--goldenrod-lightest);
  --bs-btn-hover-border-color: var(--dusk);
  --bs-btn-active-color: var(--dusk);
  --bs-btn-active-bg: var(--goldenrod-lightest);
  --bs-btn-active-border-color: var(--dusk);
  --bs-btn-disabled-color: rgba(var(--white-rgb), 0.7);
  --bs-btn-disabled-bg: rgba(var(--amethyst-darker-1-rgb), 0.7);
  --bs-btn-disabled-border-color: rgba(var(--amethyst-darker-1-rgb), 0.7);
}

.btn-primary + .dropdown-menu,
.btn-secondary + .dropdown-menu {
  --bg-color: var(--goldenrod-lightest);
  --link-color: var(--dusk);
  --link-color-visited: var(--dusk);
  --link-color-hover: var(--dusk);
  --link-color-active: var(--dusk);
  --link-bg-hover: var(--bister-light);
}

.btn-tertiary {
  --bs-border-radius: 100px;
  --bs-btn-color: var(--amethyst-darker-1);
  --bs-btn-bg: var(--bister-light);
  --bs-btn-border-color: var(--bister-light);
  --bs-btn-hover-color: var(--dusk);
  --bs-btn-hover-bg: var(--goldenrod-lightest);
  --bs-btn-hover-border-color: var(--dusk);
  --bs-btn-active-color: var(--dusk);
  --bs-btn-active-bg: var(--goldenrod-lightest);
  --bs-btn-active-border-color: var(--dusk);
  --bs-btn-disabled-color: rgba(var(--white-rgb), 0.7);
  --bs-btn-disabled-bg: rgba(var(--amethyst-darker-1-rgb), 0.7);
  --bs-btn-disabled-border-color: rgba(var(--amethyst-darker-1-rgb), 0.7);
}

:root {
  --space-purple: #17173f;
  --bg-color: #fefefe;
  --soft-color: #f3f3f3;
  --white: #ffffff;
  --text-color: var(--space-purple);
  --accent-color: #ff15ab;
  --accent-color-rgb: 255,21,171;
  --link-color: #F714A4;
  --link-color-visited: #F714A4;
  --link-color-hover: var(--white);
  --link-color-active: var(--white);
  --link-underline: var(--text-color);
  --link-underline-hover: var(--text-color);
  --link-bg: transparent;
  --link-bg-hover: var(--text-color);
  --content-label-color: var(--goldenrod-darkest);
  --border-color: #e3e3e3;
  --bs-border-color: #e3e3e3;
  --bg-color-default: var(--bg-color);
  --text-color-default: var(--text-color);
  --link-color-default: var(--link-color);
  --link-color-visited-default: var(--link-color-visited);
  --link-color-hover-default: var(--link-color-hover);
  --link-color-active-default: var(--link-color-active);
}

:root {
  --type-serif: orma-djr-text, "Helvetica Neue", sans-serif;
  --type-sans-serif: forma-djr-text, "Helvetica Neue", sans-serif;
  --weight-heavy: 800;
  --weight-bold: 700;
  --weight-normal: 400;
}
