/* Theme support for the standalone vendor registration flow. */
:root {
    --vendor-page-bg: #f8f9ff;
    --vendor-page-text: #333333;
    --vendor-card-bg: #ffffff;
    --vendor-card-border: rgba(15, 23, 42, .08);
    --vendor-card-shadow: 0 20px 60px rgba(0, 0, 0, .18);
}

[data-theme="dark"] {
    color-scheme: dark;
    --vendor-page-bg: #0f172a;
    --vendor-page-text: #e5e7eb;
    --vendor-card-bg: #1e293b;
    --vendor-card-border: #334155;
    --vendor-card-shadow: 0 20px 60px rgba(2, 6, 23, .58);
}

[data-theme="dark"] body {
    background: var(--vendor-page-bg) !important;
    color: var(--vendor-page-text) !important;
}

[data-theme="dark"] .register-card,
[data-theme="dark"] .form-section,
[data-theme="dark"] .form-card,
[data-theme="dark"] .vendor-register-card {
    background: var(--vendor-card-bg) !important;
    color: var(--vendor-page-text) !important;
    border-color: var(--vendor-card-border) !important;
    box-shadow: var(--vendor-card-shadow) !important;
}

[data-theme="dark"] .register-card h1,
[data-theme="dark"] .register-card h2,
[data-theme="dark"] .register-card h3,
[data-theme="dark"] .register-card h4,
[data-theme="dark"] .register-card h5,
[data-theme="dark"] .register-card h6,
[data-theme="dark"] .register-card label,
[data-theme="dark"] .register-card strong {
    color: #f8fafc !important;
}

[data-theme="dark"] .register-card p,
[data-theme="dark"] .register-card small,
[data-theme="dark"] .register-card .text-muted {
    color: #aab6c8 !important;
}

[data-theme="dark"] .register-card input,
[data-theme="dark"] .register-card select,
[data-theme="dark"] .register-card textarea,
[data-theme="dark"] .register-card .form-control {
    background: #273449 !important;
    color: #f8fafc !important;
    border-color: #52627a !important;
}

[data-theme="dark"] .register-card input::placeholder,
[data-theme="dark"] .register-card textarea::placeholder {
    color: #8290a5 !important;
}

[data-theme="dark"] .register-card .border,
[data-theme="dark"] .register-card hr {
    border-color: #3b4a60 !important;
}

.vendor-theme-toggle {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 20;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    padding: 9px 13px;
    background: rgba(15, 23, 42, .68);
    color: #fff;
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.vendor-theme-toggle:hover,
.vendor-theme-toggle:focus-visible {
    background: rgba(15, 23, 42, .9);
    outline: 2px solid rgba(255, 255, 255, .55);
    outline-offset: 2px;
}