/* Dark mode styles */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-mode .header {
    background-color: #1f1f1f;
    border-bottom: 1px solid #333;
}

.dark-mode .logo-text {
    color: #e0e0e0;
}

.dark-mode .nav-menu a {
    color: #bbb;
}

.dark-mode .nav-menu a:hover {
    color: #4dabf7;
}

.dark-mode .container {
    background: #1f1f1f;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3 {
    color: #e0e0e0;
}

.dark-mode .timezone-selector-header {
    border-bottom: 1px solid #333;
}

.dark-mode .timezone-grid {
    border: 1px solid #333;
}

.dark-mode .clock {
    background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);
}

.dark-mode .conversion-table th,
.dark-mode .conversion-table td {
    border: 1px solid #333;
}

.dark-mode .conversion-table th {
    background: #2a2a2a;
}

.dark-mode .conversion-table tr:nth-child(even) {
    background: #2c2c2c;
}

.dark-mode .bd-time {
    background: #3a4a5a !important;
}

.dark-mode .time-input {
    background: #333;
    color: #e0e0e0;
    border: 1px solid #555;
}

.dark-mode .features {
    background: #1f1f1f;
}

.dark-mode .features h2 {
    color: #e0e0e0;
}

.dark-mode .collapse-btn {
    color: #e0e0e0;
}

.dark-mode .feature h3,
.dark-mode .feature p {
    color: #e0e0e0;
}

.dark-mode .about-card {
    background: #1f1f1f;
    color: #e0e0e0;
}

.dark-mode .header h1, .dark-mode .header p {
    color: #e0e0e0;
}

.dark-mode .section h2 {
    color: #4dabf7;
    border-bottom: 2px solid #4dabf7;
}

.dark-mode .section h3 {
    color: #bbb;
}

.dark-mode .feature-card {
    background: #2a2a2a;
    border-left: 4px solid #4dabf7;
}

.dark-mode .feature-card h4, .dark-mode .feature-card p {
    color: #e0e0e0;
}

.dark-mode .use-cases {
    background: #3a4a5a;
}

.dark-mode .benefit-item {
    background: #2a2a2a;
}

.dark-mode .benefit-item h4 {
    color: #4dabf7;
}

.dark-mode ul, .dark-mode li, .dark-mode p, .dark-mode ol {
    color: #e0e0e0;
}

.dark-mode .privacy-card h1, .dark-mode .privacy-card h2, .dark-mode .privacy-card p, .dark-mode .privacy-card li, .dark-mode .privacy-card strong {
    color: #e0e0e0;
}

.dark-mode .highlight {
    background: #2a2a2a;
    border-left: 4px solid #4dabf7;
}

.dark-mode .privacy-card a {
    color: #4dabf7;
}

/* Contact page dark mode */
.dark-mode .contact-card {
    background: #1f1f1f;
}

.dark-mode .info-item {
    background: #2a2a2a;
}

.dark-mode .info-item h3 {
    color: #4dabf7;
}

.dark-mode .contact-form {
    background: #2a2a2a;
}

.dark-mode label {
    color: #e0e0e0;
}

.dark-mode input, .dark-mode textarea, .dark-mode select {
    background: #333;
    color: #e0e0e0;
    border: 2px solid #555;
}

.dark-mode input:focus, .dark-mode textarea:focus, .dark-mode select:focus {
    border-color: #4dabf7;
}

.dark-mode .btn {
    background: #4dabf7;
}

.dark-mode .btn:hover {
    background: #3a9ae0;
}

.dark-mode .back-link a {
    color: #4dabf7;
}
.page-container{
    background-color: #2e2c2c;
}
.highlight-box{
    background-color: #1f1d1d;
}
.highlight-box strong{
    color: white;
}