/* ============================================
   Casa Organizada — Dark Mode
   ============================================ */

[data-theme="dark"] {
    --bg-primary: #1a1d25;
    --bg-secondary: #22252f;
    --bg-card: #1a1d25;
    --bg-input: #1a1d25;

    --text-primary: #e0e3eb;
    --text-secondary: #a0a5b5;
    --text-muted: #6b7080;
    --text-inverse: #1a1d25;

    --neu-shadow-dark: #111318;
    --neu-shadow-light: #282c38;
    --neu-shadow-dark-strong: #0d0f14;
    --neu-shadow-light-strong: #303540;

    --color-primary: #8b9dc5;
    --color-primary-light: #a0b5dd;
    --color-primary-dark: #6a7da5;
    --color-success: #8bc59d;
    --color-success-light: #a0ddb5;
    --color-success-dark: #6aa57d;
    --color-warning: #e0ae7e;
    --color-warning-light: #f0c898;
    --color-warning-dark: #c08e5e;
    --color-danger: #d08080;
    --color-danger-light: #e8a0a0;
    --color-danger-dark: #b06060;
    --color-info: #80b0d0;
    --color-info-light: #a0c8e8;
    --color-info-dark: #6090b0;
    --color-accent: #a08bc5;
    --color-accent-light: #b5a0dd;
    --color-accent-dark: #806da5;

    --shadow-elevated: 8px 8px 16px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light);
    --shadow-inset: inset 6px 6px 12px var(--neu-shadow-dark), inset -6px -6px 12px var(--neu-shadow-light);
    --shadow-inset-sm: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
    --shadow-pressed: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);
    --shadow-card: 12px 12px 24px var(--neu-shadow-dark), -8px -8px 16px var(--neu-shadow-light);
    --shadow-btn: 4px 4px 8px var(--neu-shadow-dark), -4px -4px 8px var(--neu-shadow-light);
    --shadow-btn-hover: 6px 6px 12px var(--neu-shadow-dark), -6px -6px 12px var(--neu-shadow-light);
}

/* Dark mode specific overrides */
[data-theme="dark"] .auth-hero {
    background: linear-gradient(160deg, var(--color-primary-dark), #3a4060);
}

[data-theme="dark"] .topbar {
    background: var(--bg-primary);
    border-bottom: 1px solid var(--neu-shadow-dark);
}

[data-theme="dark"] .user-menu-dropdown {
    border: 1px solid var(--neu-shadow-dark);
}

[data-theme="dark"] .mobile-menu {
    background: var(--bg-primary);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--bg-input);
    color: var(--text-primary);
}

[data-theme="dark"] select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23a0a5b5'/%3E%3C/svg%3E");
}

[data-theme="dark"] .modal {
    border: 1px solid var(--neu-shadow-dark);
}

[data-theme="dark"] .card-inset,
[data-theme="dark"] .tabs,
[data-theme="dark"] .btn {
    background: var(--bg-primary);
}

[data-theme="dark"] .tab.active {
    background: var(--bg-secondary);
}

[data-theme="dark"] th {
    background: var(--bg-secondary);
    color: var(--text-muted);
}

[data-theme="dark"] tr:hover td {
    background: rgba(139, 157, 197, 0.08);
}

[data-theme="dark"] .alert-error {
    background: linear-gradient(145deg, #3a2020, #2a1818);
    color: #e89090;
}
[data-theme="dark"] .alert-success {
    background: linear-gradient(145deg, #203a20, #182a18);
    color: #90e890;
}
[data-theme="dark"] .alert-info {
    background: linear-gradient(145deg, #202a3a, #181a2a);
    color: #90b0e8;
}
[data-theme="dark"] .alert-warning {
    background: linear-gradient(145deg, #3a3020, #2a2018);
    color: #e8c090;
}

[data-theme="dark"] .settings-nav-item.active {
    background: var(--bg-secondary);
}

[data-theme="dark"] .file-upload-area {
    border-color: var(--neu-shadow-dark);
}
[data-theme="dark"] .file-upload-area:hover {
    border-color: var(--color-primary);
}

/* Dark mode transition */
body {
    transition: background 0.3s ease, color 0.3s ease;
}