/**
 * AZZRK Helper - Dark Theme
 */

body.dark-theme {
    --bg-primary: #0F172A;
    --bg-secondary: #1E293B;
    --bg-glass: rgba(30, 41, 59, 0.8);
    --text-primary: #F1F5F9;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --border: #334155;
    --border-light: #1E293B;

    --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.5);
}

body.dark-theme .auth-screen {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
}

body.dark-theme .auth-container {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

body.dark-theme .form-group input,
body.dark-theme .form-group select {
    background: var(--bg-primary);
    border-color: var(--border);
    color: var(--text-primary);
}

body.dark-theme .error-message {
    background: rgba(239, 68, 68, 0.2);
}

body.dark-theme .shortcut-card {
    background: var(--bg-secondary);
}

body.dark-theme .search-box {
    background: var(--bg-secondary);
}

body.dark-theme .search-btn {
    background: var(--bg-secondary);
}

body.dark-theme .user-dropdown {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

body.dark-theme .modal-container {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

body.dark-theme #theme-toggle i::before {
    content: "\f185";
    /* Sun icon */
}

/* Glow effects for dark mode */
body.dark-theme .shortcut-card:hover {
    box-shadow: 0 0 20px rgba(0, 149, 217, 0.3);
}

body.dark-theme .search-box:focus-within {
    box-shadow: 0 0 20px rgba(0, 149, 217, 0.4);
}