/* ============================================ */
/* GW AUTH GATEWAY - DARK THEME                 */
/* ============================================ */

body.gwag-theme-dark,
body.gw-theme-dark {
    --gwag-bg-primary: #1a1a2e;
    --gwag-bg-secondary: #12121f;
    --gwag-bg-card: rgba(255, 255, 255, 0.03);
    --gwag-border-color: rgba(212, 175, 55, 0.18);
    --gwag-text-primary: #f5e6a3;
    --gwag-text-secondary: #b8a87e;
    --gwag-text-muted: #6a5f4a;
    --gwag-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);

    background-color: #0a0a16 !important;
    color: #f0e6d3 !important;
}

body.gwag-theme-dark .gwag-auth-wrap,
body.gw-theme-dark .gwag-auth-wrap {
    background: linear-gradient(145deg, #0a0a16 0%, #1a1a2e 50%, #0a0a16 100%) !important;
}

body.gwag-theme-dark .gwag-auth-card,
body.gw-theme-dark .gwag-auth-card {
    background: linear-gradient(180deg, #1a1a2e 0%, #12121f 100%) !important;
    border-color: rgba(212, 175, 55, 0.20) !important;
}

body.gwag-theme-dark .gwag-auth-card::before,
body.gw-theme-dark .gwag-auth-card::before {
    background: radial-gradient(circle, rgba(212, 175, 55, 0.06), transparent 70%) !important;
}

body.gwag-theme-dark .gwag-field input,
body.gw-theme-dark .gwag-field input {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(212, 175, 55, 0.12) !important;
    color: #f0e6d3 !important;
}

body.gwag-theme-dark .gwag-field input:focus,
body.gw-theme-dark .gwag-field input:focus {
    border-color: #d4af37 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

body.gwag-theme-dark .gwag-tab:hover,
body.gw-theme-dark .gwag-tab:hover {
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-tab.active,
body.gw-theme-dark .gwag-tab.active {
    background: linear-gradient(135deg, #d4af37, #c49b2a) !important;
    color: #1a1a2e !important;
}

body.gwag-theme-dark .gwag-btn,
body.gw-theme-dark .gwag-btn {
    background: linear-gradient(135deg, #d4af37, #b8941e) !important;
    color: #1a1a2e !important;
}

body.gwag-theme-dark .gwag-btn:hover,
body.gw-theme-dark .gwag-btn:hover {
    background: linear-gradient(135deg, #e8c84a, #d4af37) !important;
}

body.gwag-theme-dark .gwag-back-btn,
body.gw-theme-dark .gwag-back-btn {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(212, 175, 55, 0.06) !important;
    color: #9a8b6e !important;
}

body.gwag-theme-dark .gwag-back-btn:hover,
body.gw-theme-dark .gwag-back-btn:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(212, 175, 55, 0.15) !important;
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-switch-text a,
body.gw-theme-dark .gwag-switch-text a {
    color: #d4af37 !important;
}

body.gwag-theme-dark .gwag-switch-text a:hover,
body.gw-theme-dark .gwag-switch-text a:hover {
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-captcha-question,
body.gw-theme-dark .gwag-captcha-question {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(212, 175, 55, 0.10) !important;
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-captcha-refresh,
body.gw-theme-dark .gwag-captcha-refresh {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(212, 175, 55, 0.08) !important;
    color: #b8a87e !important;
}

body.gwag-theme-dark .gwag-captcha-refresh:hover,
body.gw-theme-dark .gwag-captcha-refresh:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    border-color: rgba(212, 175, 55, 0.20) !important;
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-otp,
body.gw-theme-dark .gwag-otp {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(212, 175, 55, 0.12) !important;
    color: #f5e6a3 !important;
}

body.gwag-theme-dark .gwag-otp:focus,
body.gw-theme-dark .gwag-otp:focus {
    border-color: #d4af37 !important;
}

body.gwag-theme-dark .gwag-otp-icon.active,
body.gw-theme-dark .gwag-otp-icon.active {
    color: #d4af37 !important;
}

body.gwag-theme-dark .gwag-resend-btn,
body.gw-theme-dark .gwag-resend-btn {
    background: linear-gradient(135deg, #d4af37, #c49b2a) !important;
    color: #1a1a2e !important;
}

body.gwag-theme-dark .gwag-toast-info,
body.gw-theme-dark .gwag-toast-info {
    background: linear-gradient(135deg, #d4af37, #c49b2a) !important;
    color: #1a1a2e !important;
}

body.gwag-theme-dark .gwag-step-2,
body.gw-theme-dark .gwag-step-2 {
    border-top-color: rgba(212, 175, 55, 0.06) !important;
}

body.gwag-theme-dark .gwag-resend-wrap,
body.gw-theme-dark .gwag-resend-wrap {
    border-color: rgba(212, 175, 55, 0.06) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

body.gwag-theme-dark .gwag-resend-text,
body.gw-theme-dark .gwag-resend-text {
    color: #6a5f4a !important;
}

body.gwag-theme-dark .gwag-field-error,
body.gw-theme-dark .gwag-field-error {
    color: #f87171 !important;
}

body.gwag-theme-dark .gwag-field input.has-error,
body.gw-theme-dark .gwag-field input.has-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08) !important;
}