/* Dark mode stylesheet for Save Vault */

/* These styles will be applied automatically when the dark mode toggle is active */
[data-theme="dark"] {
    /* Background and text colors */
    --primary-color: #FF9800;
    --secondary-color: #F57C00;
    --bg-color: #121212;
    --text-color: #f0f0f0;
    --text-secondary-color: #aaaaaa;
    --footer-bg: #1e1e1e;
    --header-bg: #1a1a1a;
    --card-bg: #1e1e1e;
    --border-color: #333;
    --input-bg: #2a2a2a;
    --input-text: #f0f0f0;
    --input-border: #444;
    --input-focus: #FF9800;
    --success-bg: #1e3a29;
    --success-text: #8fd4a5;
    --error-bg: #3e1c24;
    --error-text: #f5a9b8;
}

[data-theme="dark"] .policy-content {
    border-color: #333;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] a {
    color: #FF9800;
}

[data-theme="dark"] input, 
[data-theme="dark"] textarea {
    background-color: #2a2a2a;
    border-color: #444;
    color: #f0f0f0;
}

[data-theme="dark"] button {
    background-color: #F57C00;
    color: white;
}

[data-theme="dark"] code {
    background-color: #2a2a2a;
    color: #e0e0e0;
}

[data-theme="dark"] .theme-toggle-button {
    color: #FF9800;
}

/* Improve contrast for form elements in dark mode */
[data-theme="dark"] input:focus, 
[data-theme="dark"] textarea:focus {
    border-color: #FF9800;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.3);
}