/* ============================================
   YUP TECHNOLOGY - Dark Mode
   ============================================ */

[data-theme="dark"] {
    --color-bg: #0f0f1a;
    --color-bg-alt: #161625;
    --color-bg-card: #1a1a2e;
    --color-bg-glass: rgba(15, 15, 26, 0.85);

    --color-text: #e4e4ed;
    --color-text-secondary: #a0a0b8;
    --color-text-muted: #6b6b82;

    --color-border: #2a2a40;
    --color-border-light: #1f1f35;

    --color-primary-light: rgba(10, 178, 197, 0.12);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .navbar.scrolled {
    background: rgba(15, 15, 26, 0.9);
    border-bottom-color: var(--color-border);
}

[data-theme="dark"] .hero {
    background: #080812;
}

[data-theme="dark"] .alert--success {
    background: rgba(6, 95, 70, 0.15);
    color: #6ee7b7;
    border-color: rgba(6, 95, 70, 0.3);
}

[data-theme="dark"] .alert--error {
    background: rgba(153, 27, 27, 0.15);
    color: #fca5a5;
    border-color: rgba(153, 27, 27, 0.3);
}

[data-theme="dark"] .contact-form__input,
[data-theme="dark"] .contact-form__textarea {
    background: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text);
}

[data-theme="dark"] .footer {
    background: #080812;
}

[data-theme="dark"] .cta {
    background: #080812;
}

[data-theme="dark"] .page-header {
    background: #080812;
}

[data-theme="dark"] .no-image {
    background: var(--color-bg);
}