:root {
  /* YOTEY variables */
  --yy-theme-color-background: #fbfbfb;
  --yy-theme-color-yellow: #fae07d;
  --yy-theme-color-yellow-half: #fae07d7a;
  --yy-theme-color-gold: #c79403;
  --yy-theme-color-white: #ffffff;
  --yy-theme-color-white-gray: #f4f4f8;
  --yy-theme-color-gray: #9ca1ab;
  --yy-theme-color-silver: #cac3c3;
  --yy-theme-color-violet: #443850;
  --yy-theme-color-danger-bg: #ffd8d8;

  --bs-body-bg: var(--yy-theme-color-background);
}

.yy-header-container {
  background-color: var(--yy-theme-color-yellow);
}

.nav-link, a.nav-link {
	padding-right: .5rem;
	padding-left: .5rem;
	color: var(--yy-theme-color-violet);
}

.nav-link:focus, a.nav-link:focus, .nav-link:hover, a.nav-link:hover {
	color: initial;
}

.soon::after {
	content: "soon";
	font-size: x-small;
	color: var(--bs-secondary-color);
	text-transform: uppercase;
	padding-left: .25rem;
  vertical-align: super;
  color: var(--bs-secondary);
}

a.soon {
  pointer-events: none;
}

.yy-feature-highlight {
  background-color: var(--yy-theme-color-white);
}

.yy-footer-container {
  background-color: var(--yy-theme-color-gray);
}

.yy-footer-container footer .border-top {
  --bs-border-color: var(--yy-theme-color-violet);
}

button.yy-button {
  outline: 0;
  font-weight: 400;
  background-color: var(--yy-theme-color-silver);
  border: 1px solid #a8730d3b;
  color: #3f3f41;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  padding-right: 0.7rem;
  padding-left: 0.5rem;
}

button.yy-button.yy-button-discrete {
  border: 1px solid #a8730d17;
  background-color: transparent;
}

button.yy-button.yy-button-main {
  background-color: var(--yy-theme-color-yellow);
}

button.yy-button.yy-compact {
  padding: 0;
  line-height: 16px;
}

button.yy-button.yy-compact.yy-discrete {
  border: 1px solid transparent;
  background-color: transparent;
}

button.yy-button:hover:not(:disabled) {
  border: 1px solid var(--yy-theme-color-gold);
}

button.yy-button:disabled {
  text-decoration: line-through;
  color: var(--bs-gray-500);
}

.feather {
  width: 16px;
  height: 16px;
  /* vertical-align: text-bottom; */
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

div.yy-section-status-roadmap {
  max-width: 950px;
}

.yy-section-status-roadmap .feather {
  height: 1em;
  width: 1em;
}

.yy-article-item,.yy-article-title h4,h3 {
	color: var(--yy-theme-color-gold);
}

.yy-article-item h4 a {
  text-decoration: none;
  color: inherit;
}

.yy-article-item h4 a:hover {
  text-decoration: revert;
  color: inherit;
}

/* Shoelace customizations */

sl-button[href][size="large"]::part(base) {
  --sl-button-font-size-large: 1.25rem
}