:root {
  --ay-bg: #050914;
  --ay-bg-deep: #020617;
  --ay-surface: #0f1b2d;
  --ay-surface-raised: #14243a;
  --ay-border: #2a3d59;
  --ay-text: #f4f7fb;
  --ay-muted: #a8b6c9;
  --ay-accent: #2dd4bf;
  --ay-accent-strong: #14b8a6;
}

html, body, #__next {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  color: var(--ay-text) !important;
}

body, [class~="bg-gray-900"] {
  background-color: var(--ay-bg-deep) !important;
  background-image: radial-gradient(circle at 12% -8%, rgba(45, 212, 191, .18), transparent 34rem) !important;
}

[class~="bg-gray-800/50"], [class~="!bg-gray-700/80"] {
  background-color: rgba(15, 27, 45, .94) !important;
}

[class~="bg-indigo-600/80"],
[class~="hover:bg-indigo-600"]:hover,
[class~="active:bg-indigo-600"]:active,
.button-container[type="submit"] {
  background-color: var(--ay-accent-strong) !important;
  color: #03211e !important;
}

[class~="border-gray-600"] {
  border-color: var(--ay-border) !important;
}

[class~="border-indigo-500"],
[class~="hover:border-indigo-500"]:hover,
[class~="focus:border-indigo-700"]:focus {
  border-color: var(--ay-accent) !important;
}

[class~="text-gray-200"], [class~="text-neutral-200"], [class~="text-white"] {
  color: var(--ay-text) !important;
}

[class~="text-gray-400"], [class~="placeholder:text-gray-400"]::placeholder {
  color: var(--ay-muted) !important;
}

.form-input-field, input, select, textarea {
  background: #07111f !important;
  border-color: #3a506e !important;
  border-radius: 10px !important;
  color: var(--ay-text) !important;
}

.form-input-field:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--ay-accent) !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .16) !important;
}

button, .button-container, [class~="rounded-md"], [class~="sm:rounded-lg"] {
  border-radius: 10px !important;
}

a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--ay-accent) !important;
  outline-offset: 2px;
}

::selection {
  background: rgba(45, 212, 191, .36);
}
