/* qip.fyi visual clarity hotfix — presentation only. */
:root {
  color-scheme: dark;
}

html,
body,
#root {
  filter: none !important;
  opacity: 1 !important;
}

body {
  color: #ffffff !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
  background-color: #2585ef !important;
  background-image:
    radial-gradient(circle at 108% 48%, #f03f9f 0 18%, #8f4de0 18% 46%, transparent 46%),
    linear-gradient(135deg, #2585ef 0%, #2585ef 52%, #8f4de0 100%) !important;
}

/* Remove glass/fog effects without changing layout or behavior. */
.backdrop-blur,
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-lg,
.backdrop-blur-xl,
nav,
footer,
.card,
.input-field,
.btn-primary,
.btn-secondary {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

/* Crisp, solid surfaces. */
nav {
  background: #0878e8 !important;
  border-color: #ffd34d !important;
}

footer {
  background: #225ac4 !important;
  border-color: #ffd34d !important;
}

.card {
  background: #4058c9 !important;
  border-color: #ffd34d !important;
  box-shadow: 0 7px 0 #293d9c, 0 16px 30px rgb(16 32 92 / 24%) !important;
  opacity: 1 !important;
}

.input-field {
  background: #304fbd !important;
  border-color: #ffd34d !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.btn-primary {
  background: linear-gradient(135deg, #066cff, #7138e8) !important;
  color: #ffffff !important;
  border: 1px solid #ffd34d !important;
  opacity: 1 !important;
}

.btn-secondary {
  background: #5b3ed1 !important;
  color: #ffffff !important;
  border-color: #ffd34d !important;
  opacity: 1 !important;
}

/* Replace washed-out copy with fully opaque readable colors. */
.text-gray-300,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.section-subtitle {
  color: #ffffff !important;
  opacity: 1 !important;
}

.text-xs,
.text-sm,
.text-base,
.text-lg,
.section-title,
h1,
h2,
h3,
p,
label {
  text-shadow: none !important;
}

.bg-gradient-brand-soft {
  background-image: linear-gradient(135deg, #176ee8, #7b3fe4) !important;
}

input::placeholder,
textarea::placeholder {
  color: #eaf2ff !important;
  opacity: 1 !important;
}