html[data-theme="dark"] {
    --text-primary: var(--slate-100);
    --text-secondary: var(--slate-400);
    --text-muted: var(--slate-500);
    --bg-primary: var(--slate-900);
    --bg-secondary: var(--slate-800);
    --bg-tertiary: var(--slate-700);
    --border-color: var(--slate-700);
    --border-light: var(--slate-800);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 30px rgba(0, 160, 233, 0.3);
}

html[data-theme="dark"] body {
    background: var(--bg-primary);
}

html[data-theme="dark"] .brand-logo-img {
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .footer-logo-img {
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .navbar {
    background: rgba(15, 23, 42, 0.95);
    border-bottom-color: var(--slate-800);
}

html[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, var(--blue-900) 0%, var(--slate-900) 50%, var(--blue-900) 100%);
}

html[data-theme="dark"] .hero-badge {
    background: rgba(0, 160, 233, 0.2);
    color: var(--blue-300);
}

html[data-theme="dark"] .hero-bg-pattern {
    background-image:
        radial-gradient(circle at 20% 80%, rgba(0, 160, 233, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(0, 160, 233, 0.08) 0%, transparent 50%);
}

html[data-theme="dark"] .hero-title,
html[data-theme="dark"] .hero-subtitle {
    color: var(--slate-200);
}

html[data-theme="dark"] .about-section,
html[data-theme="dark"] .business-section,
html[data-theme="dark"] .news-section {
    background: var(--bg-primary);
}

html[data-theme="dark"] .section-title,
html[data-theme="dark"] .section-tag {
    color: var(--slate-100);
}

html[data-theme="dark"] .section-tag {
    color: var(--blue-400);
}

html[data-theme="dark"] .about-text p {
    color: var(--slate-400);
}

html[data-theme="dark"] .stat-item {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .stat-item:hover {
    border-color: var(--blue-500);
}

html[data-theme="dark"] .stat-number {
    color: var(--blue-400);
}

html[data-theme="dark"] .stat-label {
    color: var(--slate-500);
}

html[data-theme="dark"] .value-item {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .value-item:hover {
    border-color: var(--blue-500);
    box-shadow: var(--shadow-xl), var(--shadow-glow);
}

html[data-theme="dark"] .value-item::after {
    background: linear-gradient(135deg, var(--blue-800) 0%, transparent 50%);
}

html[data-theme="dark"] .value-item h4,
html[data-theme="dark"] .value-item p {
    color: var(--slate-300);
}

html[data-theme="dark"] .vision-quote {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .quote-mark {
    color: var(--blue-800);
}

html[data-theme="dark"] .vision-quote p {
    color: var(--slate-300);
}

html[data-theme="dark"] .history-section {
    background: var(--slate-800);
}

html[data-theme="dark"] .timeline-content {
    background: var(--slate-700);
    border-color: var(--slate-600);
}

html[data-theme="dark"] .timeline-content:hover {
    border-color: var(--blue-500);
}

html[data-theme="dark"] .timeline-content h4 {
    color: var(--slate-100);
}

html[data-theme="dark"] .timeline-content p {
    color: var(--slate-400);
}

html[data-theme="dark"] .timeline::before {
    background: linear-gradient(180deg, var(--blue-700) 0%, var(--blue-800) 50%, var(--blue-700) 100%);
}

html[data-theme="dark"] .business-card {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .business-card:hover {
    border-color: var(--blue-500);
}

html[data-theme="dark"] .business-number {
    color: var(--blue-800);
}

html[data-theme="dark"] .business-card h3,
html[data-theme="dark"] .business-card p,
html[data-theme="dark"] .business-detail {
    color: var(--slate-300);
}

html[data-theme="dark"] .advantages-section {
    background: var(--slate-800);
}

html[data-theme="dark"] .advantage-card {
    background: var(--slate-700);
    border-color: var(--slate-600);
}

html[data-theme="dark"] .advantage-card:hover {
    border-color: var(--blue-500);
}

html[data-theme="dark"] .advantage-icon {
    background: rgba(0, 160, 233, 0.15);
}

html[data-theme="dark"] .advantage-card h3 {
    color: var(--slate-100);
}

html[data-theme="dark"] .advantage-card p {
    color: var(--slate-400);
}

html[data-theme="dark"] .news-list {
    position: relative;
    z-index: 1;
}

html[data-theme="dark"] .news-item {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .news-item:hover {
    background: #1e293b;
    border-color: var(--blue-500);
    box-shadow: var(--shadow-xl);
}

html[data-theme="dark"] .news-title {
    color: var(--slate-100);
}

html[data-theme="dark"] .news-meta {
    color: var(--slate-500);
}

html[data-theme="dark"] .news-summary {
    color: var(--slate-400);
}

html[data-theme="dark"] .news-read-more {
    color: var(--blue-400);
}

html[data-theme="dark"] .no-news {
    color: var(--slate-500);
}

html[data-theme="dark"] .page-number {
    background: var(--slate-800);
    border-color: var(--slate-700);
    color: var(--slate-300);
}

html[data-theme="dark"] .page-number:hover {
    border-color: var(--blue-500);
    color: var(--blue-400);
}

html[data-theme="dark"] .page-number.active {
    background: var(--blue-600);
    border-color: var(--blue-600);
    color: #fff;
}

html[data-theme="dark"] .btn-outline {
    border-color: var(--blue-400);
    color: var(--blue-300);
}

html[data-theme="dark"] .btn-outline:hover {
    background: var(--blue-500);
    color: #fff;
}

html[data-theme="dark"] .contact-section {
    background: var(--slate-800);
}

html[data-theme="dark"] .contact-card {
    background: var(--slate-700);
    border-color: var(--slate-600);
}

html[data-theme="dark"] .contact-card:hover {
    border-color: var(--blue-500);
}

html[data-theme="dark"] .contact-icon {
    background: rgba(0, 160, 233, 0.15);
}

html[data-theme="dark"] .contact-card h4 {
    color: var(--slate-100);
}

html[data-theme="dark"] .contact-card p {
    color: var(--slate-400);
}

html[data-theme="dark"] .footer {
    background: var(--slate-950, #020617);
}

html[data-theme="dark"] .modal-overlay {
    background: rgba(0, 0, 0, 0.7);
}

html[data-theme="dark"] .modal-container {
    background: var(--slate-800);
    border-color: var(--slate-700);
}

html[data-theme="dark"] .modal-header {
    border-bottom-color: var(--slate-700);
}

html[data-theme="dark"] .modal-header h2 {
    color: var(--slate-100);
}

html[data-theme="dark"] .modal-close {
    background: var(--slate-700);
    color: var(--slate-300);
}

html[data-theme="dark"] .modal-close:hover {
    background: var(--blue-500);
    color: #fff;
}

html[data-theme="dark"] .modal-summary {
    background: var(--slate-700);
    color: var(--slate-300);
}

html[data-theme="dark"] .modal-body {
    color: var(--slate-300);
}

html[data-theme="dark"] .modal-close-btn {
    background: var(--slate-700);
    border-color: var(--slate-600);
    color: var(--slate-300);
}

html[data-theme="dark"] .modal-close-btn:hover {
    background: var(--blue-500);
    border-color: var(--blue-500);
    color: #fff;
}

html[data-theme="dark"] .theme-toggle {
    background: var(--slate-700);
    color: var(--slate-300);
}

html[data-theme="dark"] .theme-toggle:hover {
    background: var(--blue-900);
}

html[data-theme="dark"] .language-switch {
    background: var(--slate-700);
}

html[data-theme="dark"] .lang-btn {
    color: var(--slate-500);
}

html[data-theme="dark"] .lang-btn.active {
    background: var(--bg-primary);
    color: var(--blue-400);
}

html[data-theme="dark"] .mobile-menu-toggle span {
    background: var(--slate-300);
}

html[data-theme="dark"] ::selection {
    background: var(--blue-900);
    color: var(--blue-100);
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--slate-800);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--slate-600);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--slate-500);
}

@media (max-width: 1023px) {
    html[data-theme="dark"] .nav-menu {
        background: var(--slate-900);
        border-bottom-color: var(--slate-800);
    }

    html[data-theme="dark"] .nav-menu a {
        color: var(--slate-300);
        border-bottom-color: var(--slate-800);
    }

    html[data-theme="dark"] .nav-menu a:hover {
        color: var(--blue-400);
    }
}

@media (max-width: 768px) {
    html[data-theme="dark"] .news-section::after {
        background: linear-gradient(to top, var(--slate-800), transparent);
    }
}