/* Clash Grotesk Variable Font - Optimized for Performance */
@font-face {
  font-family: 'Clashgrotesk';
  src: url('./fonts/ClashGrotesk-Variable.woff2') format('woff2'),
    url('./fonts/ClashGrotesk-Variable.woff') format('woff');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

/* Theming */
:root {
  --primary-color: #009ee3;
}

[data-theme='emons'] {
  --primary-color: #c00719;
}

[data-theme='starbucks'] {
  /* --primary-color: #1e3932; */
  --primary-color: #006241;
}

[data-theme='fitnessfirst'] {
  --primary-color: #d6002a;
}

.text-primary {
  color: var(--primary-color) !important;
}

.c-btn--primary {
  background-color: var(--primary-color) !important;
}

.c-txt input,
.c-txt .multiselect__tags,
.multiselect--active:not(.multiselect--above) .multiselect__tags,
.multiselect--above.multiselect--active .multiselect__tags {
  border-radius: 2.875rem;
}

.c-txt textarea {
  border-radius: 2rem;
}

.c-txt input:focus:not(.multiselect__input),
.c-txt textarea:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--primary-color) 35%, transparent) !important;
}

.c-txt input:hover,
.c-txt textarea:hover {
  border-color: var(--primary-color) !important;
}

.c-chk__label.is-checked:before {
  background-color: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

[data-theme='emons'] > * {
  font-family: 'Clashgrotesk', sans-serif;
}

[data-theme='emons'] .c-txt__label {
  font-weight: 300;
  color: var(--primary-color) !important;
}
[data-theme='emons'] .c-btn--primary {
  border-radius: 50px !important;
  padding: 0.5rem;
}
[data-theme='emons'] .c-txt input:not(.multiselect__input),
[data-theme='emons'] .c-txt textarea,
[data-theme='emons'] .multiselect__tags {
  border: none !important;
  border-bottom: 1px solid var(--primary-color) !important;
  border-radius: 4px;
}

[data-theme='starbucks'] > * {
  font-size: 14px !important;
  font-family: 'Sodo Sans', sans-serif;
}

[data-theme='starbucks'] .c-txt__label {
  color: var(--primary-color) !important;
}

[data-theme='starbucks'] .c-btn--primary {
  border-radius: 100px !important;
  font-weight: 600 !important;
  padding: 4px;
}

[data-theme='fitnessfirst'] > * {
  font-family: 'Soho Gothic Pro', sans-serif;
}

[data-theme='fitnessfirst'] .c-txt input,
[data-theme='fitnessfirst'] .c-txt textarea,
[data-theme='fitnessfirst'] .c-txt .multiselect__tags,
[data-theme='fitnessfirst']
  .multiselect--active:not(.multiselect--above)
  .multiselect__tags,
[data-theme='fitnessfirst']
  .multiselect--above.multiselect--active
  .multiselect__tags {
  border-radius: 0px;
}