/**
 * Loaded after Vite so dark theme applies even when public/build is stale
 * or Tailwind JIT omitted custom navy utilities. Overrides @tailwindcss/forms.
 */
html {
    background-color: #041220;
    color-scheme: dark;
}

body {
    background-color: #09294b;
    color: #e5e7eb;
}

[type='text'],
input:where(:not([type])),
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
    background-color: #071e38 !important;
    border-color: #1a4060 !important;
    color: #f3f4f6 !important;
}

input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
}

input:read-only,
input[readonly] {
    background-color: #09294b !important;
    color: #9ca3af !important;
    cursor: not-allowed;
}

[type='checkbox'],
[type='radio'] {
    background-color: #071e38 !important;
    border-color: #1a4060 !important;
}

/* Legacy compiled bundle had light .form-wrapper / .form-container */
.form-wrapper {
    background-color: #09294b !important;
}

.form-container {
    background: #0f375c !important;
    color: #e5e7eb !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.form-container .steps h2,
.form-container .form-section h2 {
    color: #f9fafb !important;
}

.form-container .steps li strong {
    color: #facc15 !important;
}

.form-container .steps li span {
    color: #9ca3af !important;
}

.form-container .steps li::before {
    background-color: #facc15 !important;
    color: #111827 !important;
}