/* Vitrine: texto dos controles e indicação de foco por teclado. */
html[data-ray-theme] {
  --button-background: #a30074 !important;
  --button-foreground: #ffffff !important;
}
html[data-ray-theme] .account-page .btn-primary {
  background-color: var(--button-background) !important;
  border-color: var(--button-background);
  color: var(--button-foreground) !important;
}

html[data-ray-theme="light"] .head-main {
  --header-foreground: #9b1c66;
  --nav-desktop-foreground: #9b1c66;
}

html[data-ray-theme="light"] :is(input, textarea).form-control::placeholder {
  color: #503644 !important;
  opacity: 1;
}
html[data-ray-theme="dark"] :is(input, textarea).form-control::placeholder {
  color: #c5b9c1 !important;
  opacity: 1;
}

html[data-ray-theme] :is(a[href], button, input:not([type="hidden"]), select, textarea, [role="button"], [tabindex="0"]):focus-visible {
  outline: 3px solid #a30074 !important;
  outline-offset: 3px;
}
html[data-ray-theme="dark"] :is(a[href], button, input:not([type="hidden"]), select, textarea, [role="button"], [tabindex="0"]):focus-visible {
  outline-color: #ff83d4 !important;
}