/* File: assets/css/dark-mode.css */

[data-bs-theme="dark"] {
    --light-bg: #121212;
    --card-bg: #1e1e1e;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --border-color: #2d2d2d;
    --shadow: 0 10px 30px rgba(0,0,0,0.3);
}

[data-bs-theme="dark"] body {
    background-color: var(--light-bg);
    color: var(--text-primary);
}

[data-bs-theme="dark"] .navbar {
    background: var(--card-bg);
    border-bottom: 1px solid var(--border-color);
}

[data-bs-theme="dark"] .input-card,
[data-bs-theme="dark"] .output-card,
[data-bs-theme="dark"] .info-card,
[data-bs-theme="dark"] .usage-card {
    background: var(--card-bg);
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .form-control {
    background-color: #2d2d2d;
    border-color: #3d3d3d;
    color: var(--text-primary);
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #2d2d2d;
    border-color: #667eea;
    color: var(--text-primary);
}

[data-bs-theme="dark"] .output-text {
    background-color: #252525;
    border-left-color: #28a745;
}

[data-bs-theme="dark"] .footer {
    background: var(--card-bg);
    border-top-color: var(--border-color);
}

[data-bs-theme="dark"] .progress {
    background-color: #2d2d2d;
}

[data-bs-theme="dark"] .text-muted {
    color: #8a8a8a !important;
}

[data-bs-theme="dark"] .btn-outline-primary {
    border-color: #667eea;
    color: #667eea;
}

[data-bs-theme="dark"] .btn-outline-primary:hover {
    background-color: #667eea;
    color: white;
}

[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: white;
}