:root {
  --company-neutral: #455a64;
  --company-neutral-light: #607d8b;
  --company-neutral-dark: #37474f;
  --company-majority: #794dff;
  --company-majority-light: #9471ff;
  --company-majority-dark: #5a35d6;
  --company-majority-red: #ff3746;
  --company-majority-pink: #f9b8cd;
  --company-majority-midnight: #222426;
  --company-majority-dusty: #413e3d;
  --company-majority-coffee: #dac0b3;
  --company-majority-turquoise: #8ef7e9;
  --company-majority-acid-green: #bef300;
  --company-majority-yellow: #fae724;
  --company-majority-beige: #fff5f0;
  --company-majority-light-purple: #e3d1ff;
  --company-rebtel: #e3232c;
  --company-rebtel-light: #ea4f56;
  --company-rebtel-dark: #b81c23;
}

html[data-company="home"] [data-md-color-primary] {
  --md-primary-fg-color: var(--company-neutral);
  --md-primary-fg-color--light: var(--company-neutral-light);
  --md-primary-fg-color--dark: var(--company-neutral-dark);
  --md-primary-bg-color: #fff;
  --md-typeset-a-color: var(--company-neutral-light);
}

html[data-company="majority"] [data-md-color-primary] {
  --md-primary-fg-color: var(--company-majority);
  --md-primary-fg-color--light: var(--company-majority-light);
  --md-primary-fg-color--dark: var(--company-majority-dark);
  --md-primary-bg-color: #fff;
  --md-typeset-a-color: var(--company-majority);
  --md-accent-fg-color: var(--company-majority-red);
}

html[data-company="majority"] [data-md-color-scheme="slate"][data-md-color-primary] {
  --md-typeset-a-color: var(--company-majority-pink);
}

html[data-company="rebtel"] [data-md-color-primary] {
  --md-primary-fg-color: var(--company-rebtel);
  --md-primary-fg-color--light: var(--company-rebtel-light);
  --md-primary-fg-color--dark: var(--company-rebtel-dark);
  --md-primary-bg-color: #fff;
  --md-typeset-a-color: var(--company-rebtel);
  --md-accent-fg-color: var(--company-rebtel-light);
}

.md-header__home {
  color: inherit;
}

@media screen and (min-width: 76.25em) {
  html[data-company="majority"] .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav > .md-nav__list > .md-nav__item:not(.md-nav__item--active),
  html[data-company="rebtel"] .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav > .md-nav__list > .md-nav__item:not(.md-nav__item--active) {
    display: none;
  }
}

.figma-embed {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
}