:root {
    /* Dark theme color palette */
    --dark-bg: #121212;
    --dark-bg-secondary: #1e1e1e;
    --dark-bg-tertiary: #252525;
    --dark-text: #ffffff;
    --dark-text-secondary: #b0b0b0;
    --dark-primary: #4da6ff;
    --dark-secondary: #2d88ff;
    --dark-accent: #79c2ff;
    --dark-border: #333333;
    --dark-card-bg: #1a1a1a;
    --dark-hover: #2c2c2c;
}

body {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

.navbar {
    background-color: var(--dark-bg-secondary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.navbar .logo h1 {
    color: var(--dark-text);
}

.navbar .logo h1 span {
    color: var(--dark-primary);
}

.nav-links a {
    color: var(--dark-text-secondary);
}

.nav-links a:hover {
    color: var(--dark-text);
}

.nav-links .nav-btn {
    background-color: var(--dark-primary);
    color: var(--dark-bg);
}

.hero-section {
    background-color: var(--dark-bg-tertiary);
}

.hero-content h1 {
    color: var(--dark-text);
}

.hero-content h1 span {
    color: var(--dark-primary);
}

.primary-btn {
    background-color: var(--dark-primary);
    color: var(--dark-bg);
}

.primary-btn:hover {
    background-color: var(--dark-secondary);
}

.secondary-btn {
    border: 2px solid var(--dark-primary);
    color: var(--dark-primary);
}

.secondary-btn:hover {
    background-color: var(--dark-primary);
    color: var(--dark-bg);
}

.section-heading h2 {
    color: var(--dark-text);
}

.section-heading p {
    color: var(--dark-text-secondary);
}

.solution-card, 
.product-overview,
.tab-pane,
.tech-item,
.contact-form-container,
.contact-info,
.footer-column {
    background-color: var(--dark-card-bg);
    border: 1px solid var(--dark-border);
}

.solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.solution-icon i,
.tech-icon i,
.info-item i {
    color: var(--dark-primary);
}

.solution-card h3,
.product-details h3,
.tech-content h3 {
    color: var(--dark-text);
}

.solution-card p,
.product-details p,
.tech-content p {
    color: var(--dark-text-secondary);
}

.learn-more, .tech-btn, .read-more {
    color: var(--dark-primary);
}

.tab-nav {
    background-color: var(--dark-bg-secondary);
}

.tab-btn {
    color: var(--dark-text-secondary);
    border: none;
    background: transparent;
}

.tab-btn.active {
    color: var(--dark-primary);
    border-bottom: 2px solid var(--dark-primary);
}

.product-features li i,
.tech-features li i {
    color: var(--dark-primary);
}

.stats-section {
    background-color: var(--dark-bg-tertiary);
}

.stat-number {
    color: var(--dark-primary);
}

.stat-label {
    color: var(--dark-text);
}

.technology-section {
    background-color: var(--dark-bg);
}

.tech-animation {
    opacity: 0.8;
}

.cta-section {
    background-color: var(--dark-bg-tertiary);
}

.contact-section {
    background-color: var(--dark-bg);
}

.form-group label {
    color: var(--dark-text);
}

input, select, textarea {
    background-color: var(--dark-bg-tertiary);
    color: var(--dark-text);
    border: 1px solid var(--dark-border);
}

input:focus, select:focus, textarea:focus {
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 2px rgba(77, 166, 255, 0.2);
}

.info-item p {
    color: var(--dark-text-secondary);
}

.social-links a {
    background-color: var(--dark-bg-tertiary);
    color: var(--dark-primary);
}

.social-links a:hover {
    background-color: var(--dark-primary);
    color: var(--dark-bg);
}

footer {
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text-secondary);
}

.footer-logo h2 {
    color: var(--dark-text);
}

.footer-logo h2 span {
    color: var(--dark-primary);
}

.footer-logo p {
    color: var(--dark-text-secondary);
}

.footer-column h3 {
    color: var(--dark-text);
}

.footer-column ul li a {
    color: var(--dark-text-secondary);
}

.footer-column ul li a:hover {
    color: var(--dark-primary);
}

.footer-bottom {
    border-top: 1px solid var(--dark-border);
    color: var(--dark-text-secondary);
}
