/* Global Premium Baseline */
body {
  background-color: #f8fafc;
  color: var(--aya-slate-900);
}
html.dark body {
  background-color: #0f172a;
}

a {
  transition: color var(--aya-t-base) var(--aya-spring), opacity var(--aya-t-base);
  text-decoration: none !important;
}

button, .btn, a[role="button"] {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  transition: transform var(--aya-t-fast) var(--aya-spring), box-shadow var(--aya-t-fast) var(--aya-spring), filter var(--aya-t-fast);
  will-change: transform;
}
button:active:not(:disabled), .btn:active:not(:disabled), a[role="button"]:active {
  transform: scale(0.97);
}

input[type="text"], input[type="tel"], input[type="email"], input[type="number"], select, textarea {
  border: 1.5px solid rgba(214, 222, 234, 0.8) !important;
  background-color: #ffffff !important;
  transition: all var(--aya-t-fast) var(--aya-ease-out) !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,0.02) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: var(--aya-slate-900) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

html.dark input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
  -webkit-text-fill-color: white !important;
}

html.dark input[type="text"], html.dark input[type="tel"], html.dark input[type="email"], html.dark input[type="number"], html.dark select, html.dark textarea {
  border-color: rgba(51, 65, 85, 0.8) !important;
  background-color: #1e293b !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--aya-blue-500) !important;
  box-shadow: var(--aya-shadow-glow) !important;
  outline: none !important;
}

.step-card, [id^="step-"] > div, .bg-white.rounded-2xl.border {
  box-shadow: var(--aya-shadow-card-md) !important;
  border-color: rgba(226, 232, 240, 0.8) !important;
  transition: transform var(--aya-t-base) var(--aya-spring), box-shadow var(--aya-t-base) var(--aya-spring);
}
html.dark .step-card, html.dark [id^="step-"] > div, html.dark .bg-slate-800.rounded-2xl.border {
  border-color: rgba(51, 65, 85, 0.6) !important;
}
.step-card:hover, [id^="step-"] > div:hover {
  box-shadow: var(--aya-shadow-hover) !important;
}

.section-header, h2.uppercase {
  color: var(--aya-slate-600) !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
}
html.dark .section-header, html.dark h2.uppercase {
  color: var(--aya-slate-400) !important;
}

.badge, .pill, [class*="bg-green-100"], [class*="bg-blue-100"] {
  transition: transform var(--aya-t-fast) ease, box-shadow var(--aya-t-fast) ease !important;
}
.badge:hover, .pill:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.6);
}