[data-theme="dark"] {
  --color-neutral-50: #0f172a;
  --color-neutral-100: #1e293b;
  --color-neutral-200: #334155;
  --color-neutral-300: #475569;
  --color-neutral-400: #64748b;
  --color-neutral-500: #94a3b8;
  --color-neutral-600: #94a3b8;
  --color-neutral-700: #cbd5e1;
  --color-neutral-800: #e2e8f0;
  --color-neutral-900: #f8fafc;

  --color-primary-50: #0c1929;
  --color-primary-100: #12233d;
  --color-primary-200: #1a3358;
  --color-primary-300: #2a5280;
  --color-primary-400: #3a72a8;
  --color-primary-500: #4a92d0;
  --color-primary-600: #5aadec;
  --color-primary-700: #7ec2f4;
  --color-primary-800: #b0ddf8;
  --color-primary-900: #e0f0fd;

  --color-secondary-50: #1a1608;
  --color-secondary-100: #2a2410;
  --color-secondary-200: #3d3518;
  --color-secondary-300: #6b5a28;
  --color-secondary-400: #9e8638;
  --color-secondary-500: #c8a84e;
  --color-secondary-600: #d4b66a;
  --color-secondary-700: #dec888;
  --color-secondary-800: #e8d6a5;
  --color-secondary-900: #f8f2e0;

  --color-accent-50: #051a1a;
  --color-accent-100: #0a2626;
  --color-accent-200: #0d3838;
  --color-accent-300: #1a6a6a;
  --color-accent-400: #2a9a9a;
  --color-accent-500: #3ababa;
  --color-accent-600: #4dbaba;
  --color-accent-700: #80d0d0;
  --color-accent-800: #b3e5e5;
  --color-accent-900: #e6f7f7;

  --color-success: #34d399;
  --color-warning: #fbbf24;
  --color-error: #f87171;
  --color-info: #60a5fa;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.35), 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.3);
  --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.5);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] body {
  color: #e2e8f0;
  background-color: #0f172a;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f1f5f9;
}

[data-theme="dark"] a:not(.btn):not(.navbar-link):not(.mega-link):not(.footer-link):not(.social-link):not(.footer-bottom-link) {
  color: #93c5fd;
}

[data-theme="dark"] img:not(.navbar-logo-img):not(.footer-logo img):not(.promo-logo) {
  opacity: 0.92;
}

[data-theme="dark"] .navbar {
  background: rgba(15, 23, 42, 0.95);
  border-color: #1e293b;
}

[data-theme="dark"] .navbar.scrolled {
  background: rgba(15, 23, 42, 0.98);
}

[data-theme="dark"] .navbar-link,
[data-theme="dark"] .navbar-dropdown-toggle {
  color: #cbd5e1;
}

[data-theme="dark"] .navbar-link:hover,
[data-theme="dark"] .navbar-dropdown-toggle:hover,
[data-theme="dark"] .navbar-link.active,
[data-theme="dark"] .navbar-dropdown-toggle.active {
  color: #93c5fd;
}

[data-theme="dark"] .mega-menu {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .mega-link:hover {
  background: #334155;
}

[data-theme="dark"] .mega-link-label {
  color: #e2e8f0;
}

[data-theme="dark"] .mega-link-desc {
  color: #94a3b8;
}

[data-theme="dark"] .mega-column-title {
  color: #cbd5e1;
  border-color: #334155;
}

[data-theme="dark"] .footer {
  background: #0a0f1a;
  border-color: #1e293b;
}

[data-theme="dark"] .footer-heading {
  color: #f1f5f9;
}

[data-theme="dark"] .footer-link {
  color: #94a3b8;
}

[data-theme="dark"] .footer-link:hover {
  color: #e2e8f0;
}

[data-theme="dark"] .footer-text,
[data-theme="dark"] .footer-contact-text {
  color: #94a3b8;
}

[data-theme="dark"] .footer-bottom {
  border-color: #1e293b;
}

[data-theme="dark"] .footer-bottom-link {
  color: #94a3b8;
}

[data-theme="dark"] .footer-bottom-link:hover {
  color: #e2e8f0;
}

[data-theme="dark"] .btn-primary {
  background: #059669;
}

[data-theme="dark"] .btn-primary:hover {
  background: #10b981;
}

[data-theme="dark"] .btn-secondary {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] .btn-secondary:hover {
  background: #334155;
}

[data-theme="dark"] .btn-ghost {
  color: #cbd5e1;
}

[data-theme="dark"] .btn-ghost:hover {
  background: rgba(148, 163, 184, 0.1);
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #64748b;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: #3b82f6;
  outline-color: #3b82f6;
}

[data-theme="dark"] .card,
[data-theme="dark"] .template-card,
[data-theme="dark"] .accordion-item {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .accordion-header {
  color: #e2e8f0;
}

[data-theme="dark"] .accordion-content {
  border-color: #334155;
}

[data-theme="dark"] .back-to-top {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] .back-to-top:hover {
  background: #334155;
}

[data-theme="dark"] .whatsapp-float {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .hero {
  background-color: #0f172a;
}

[data-theme="dark"] .section {
  background-color: #0f172a;
}

[data-theme="dark"] .section-alt {
  background-color: #1e293b;
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .pricing-card {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .tag,
[data-theme="dark"] .badge {
  background: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] .divider {
  border-color: #334155;
}

[data-theme="dark"] table {
  border-color: #334155;
}

[data-theme="dark"] th {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

[data-theme="dark"] td {
  border-color: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] tr:hover td {
  background: rgba(51, 65, 85, 0.3);
}

[data-theme="dark"] .footer-newsletter-input {
  background: #0f172a;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .social-link {
  color: #94a3b8;
}

[data-theme="dark"] .social-link:hover {
  color: #e2e8f0;
}

[data-theme="dark"] .search-box input,
[data-theme="dark"] .filter-select,
[data-theme="dark"] .ls-search-input {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .rfq-step {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .rfq-category-card {
  background: #0f172a;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .rfq-category-option input:checked + .rfq-category-card {
  border-color: #059669;
  background: rgba(5, 150, 105, 0.1);
}

[data-theme="dark"] .maintenance-banner {
  background: #92400e;
  color: #fef3c7;
}

[data-theme="dark"] .skip-link {
  background: #059669;
  color: #ffffff;
}

[data-theme="dark"] .modal-content,
[data-theme="dark"] .dialog,
[data-theme="dark"] .dropdown-menu {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] ::selection {
  background: rgba(59, 130, 246, 0.3);
  color: #f1f5f9;
}

[data-theme="dark"] ::-webkit-scrollbar {
  background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #334155;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

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

html {
  transition: color 0.2s ease, background-color 0.2s ease;
}

body {
  transition: color 0.2s ease, background-color 0.2s ease;
}

.theme-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-full);
  color: var(--color-neutral-600);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.theme-toggle-btn:hover {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-800);
}

[data-theme="dark"] .theme-toggle-btn:hover {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-900);
}
