/* ============================================
   HYPE MANAGEMENT - Dark Mode
   ============================================ */

/* ----- Dark Mode Variables ----- */
[data-theme="dark"] {
  --brand-50: #172554;
  --brand-100: #1e3a8a;
  --brand-200: #1e40af;
  --brand-300: #1d4ed8;
  --brand-400: #2563eb;
  --brand-500: #3b82f6;
  --brand-600: #60a5fa;
  --brand-700: #93c5fd;
  --brand-800: #bfdbfe;
  --brand-900: #dbeafe;
  --brand-950: #eff6ff;

  --neutral-50: #020617;
  --neutral-100: #0f172a;
  --neutral-200: #1e293b;
  --neutral-300: #334155;
  --neutral-400: #475569;
  --neutral-500: #64748b;
  --neutral-600: #94a3b8;
  --neutral-700: #cbd5e1;
  --neutral-800: #e2e8f0;
  --neutral-900: #f1f5f9;
  --neutral-950: #f8fafc;

  --gradient-hero: linear-gradient(135deg, #020617 0%, #0f172a 50%, #020617 100%);
  --gradient-card: linear-gradient(135deg, rgba(37,99,235,0.08) 0%, rgba(124,58,237,0.08) 100%);

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

/* ----- Dark Mode Base Styles ----- */
[data-theme="dark"] body {
  background: var(--neutral-100);
  color: var(--neutral-800);
}

[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: var(--neutral-900);
}

[data-theme="dark"] p {
  color: var(--neutral-600);
}

/* ----- Dark Mode Navbar ----- */
[data-theme="dark"] .navbar {
  background: rgba(15, 23, 42, 0.85);
  border-bottom: 1px solid rgba(51, 65, 85, 0.6);
}

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

[data-theme="dark"] .nav-brand-text {
  color: var(--neutral-900);
}

[data-theme="dark"] .nav-link {
  color: var(--neutral-600);
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
  color: var(--neutral-900);
  background: var(--neutral-200);
}

[data-theme="dark"] .nav-login {
  color: var(--neutral-600);
}

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

[data-theme="dark"] .mobile-toggle {
  color: var(--neutral-600);
}

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

/* ----- Dark Mode Mega Menu & Dropdowns ----- */
[data-theme="dark"] .mega-menu,
[data-theme="dark"] .dropdown {
  background: var(--neutral-100);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .mega-menu-item:hover {
  background: var(--neutral-200);
}

[data-theme="dark"] .mega-menu-content h4 {
  color: var(--neutral-900);
}

[data-theme="dark"] .mega-menu-content p {
  color: var(--neutral-500);
}

[data-theme="dark"] .mega-menu-footer {
  border-top-color: var(--neutral-200);
}

[data-theme="dark"] .dropdown-item {
  color: var(--neutral-600);
}

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

/* ----- Dark Mode Mobile Menu ----- */
[data-theme="dark"] .mobile-menu {
  background: var(--neutral-100);
}

[data-theme="dark"] .mobile-nav-item {
  color: var(--neutral-600);
}

[data-theme="dark"] .mobile-nav-item:hover {
  background: var(--neutral-200);
}

[data-theme="dark"] .mobile-nav-actions {
  border-top-color: var(--neutral-200);
}

/* ----- Dark Mode Cards ----- */
[data-theme="dark"] .card {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .card-dark {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}

/* ----- Dark Mode Sections ----- */
[data-theme="dark"] .section-light {
  background: var(--neutral-100);
}

[data-theme="dark"] .trust-bar {
  background: var(--neutral-100);
  border-bottom-color: var(--neutral-200);
}

[data-theme="dark"] .trust-logo {
  background: var(--neutral-200);
  color: var(--neutral-600);
}

[data-theme="dark"] .trust-logo:hover {
  background: var(--neutral-300);
}

[data-theme="dark"] .products-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .platform-dashboard {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(124, 58, 237, 0.12)),
    var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .platform-window-bar {
  border-bottom-color: var(--neutral-200);
}

[data-theme="dark"] .platform-window-bar strong,
[data-theme="dark"] .platform-flow div {
  color: var(--neutral-700);
}

[data-theme="dark"] .platform-kpi-row div,
[data-theme="dark"] .platform-flow div,
[data-theme="dark"] .platform-capability-card {
  background: var(--neutral-200);
  border-color: var(--neutral-300);
}

[data-theme="dark"] .platform-kpi-row strong,
[data-theme="dark"] .platform-capability-card h3 {
  color: var(--neutral-900);
}

[data-theme="dark"] .platform-kpi-row span,
[data-theme="dark"] .platform-kpi-row small,
[data-theme="dark"] .platform-capability-card p {
  color: var(--neutral-600);
}

[data-theme="dark"] .platform-chart {
  background: var(--neutral-200);
}

[data-theme="dark"] .platform-capability-card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .product-card {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .product-card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .product-card h3 {
  color: var(--neutral-900);
}

[data-theme="dark"] .product-card p {
  color: var(--neutral-500);
}

[data-theme="dark"] .dashboard-showcase {
  background: var(--neutral-100);
}

[data-theme="dark"] .device-laptop-screen {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .industries-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .industry-card {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .industry-card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .industry-card h4 {
  color: var(--neutral-900);
}

[data-theme="dark"] .industry-card p {
  color: var(--neutral-500);
}

[data-theme="dark"] .industry-card li {
  background: var(--neutral-200);
  color: var(--neutral-700);
}

[data-theme="dark"] .industry-card span {
  color: var(--brand-600);
}

[data-theme="dark"] .features-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .feature-card-large {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .feature-card-large:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .feature-card-large h3 {
  color: var(--neutral-900);
}

[data-theme="dark"] .feature-card-large p {
  color: var(--neutral-500);
}

[data-theme="dark"] .feature-list-item {
  color: var(--neutral-600);
}

[data-theme="dark"] .integrations-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .integration-card {
  background: var(--neutral-200);
  border-color: var(--neutral-200);
  color: var(--neutral-600);
}

[data-theme="dark"] .integration-card:hover {
  background: var(--neutral-100);
  border-color: var(--brand-300);
  color: var(--neutral-900);
}

[data-theme="dark"] .integration-card h3 {
  color: var(--neutral-900);
}

[data-theme="dark"] .integration-card p {
  color: var(--neutral-600);
}

[data-theme="dark"] .integration-status.available {
  color: #34d399;
}

[data-theme="dark"] .integration-status.supported {
  color: #93c5fd;
}

[data-theme="dark"] .integration-status.custom {
  color: #c4b5fd;
}

[data-theme="dark"] .integration-status.coming {
  color: #fbbf24;
}

[data-theme="dark"] .testimonials-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .testimonial-card {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .testimonial-card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .testimonial-text {
  color: var(--neutral-600);
}

[data-theme="dark"] .testimonial-name {
  color: #f8fafc;
}

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

[data-theme="dark"] .pricing-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .pricing-card {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .pricing-card:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .pricing-name {
  color: var(--neutral-900);
}

[data-theme="dark"] .pricing-number {
  color: var(--neutral-900);
}

[data-theme="dark"] .pricing-feature {
  color: var(--neutral-600);
}

[data-theme="dark"] .pricing-prefix,
[data-theme="dark"] .pricing-note {
  color: var(--neutral-600);
}

[data-theme="dark"] .faq-section {
  background: var(--neutral-100);
}

[data-theme="dark"] .faq-item {
  background: var(--neutral-100);
  border-color: var(--neutral-200);
}

[data-theme="dark"] .faq-item:hover {
  border-color: var(--brand-300);
}

[data-theme="dark"] .faq-question {
  color: var(--neutral-900);
}

[data-theme="dark"] .faq-answer-inner {
  color: var(--neutral-600);
}

/* ----- Dark Mode Hero Card ----- */
[data-theme="dark"] .hero-card-main {
  background: var(--neutral-100);
}

[data-theme="dark"] .hero-card-header {
  border-bottom-color: var(--neutral-200);
}

[data-theme="dark"] .hero-card-title {
  color: var(--neutral-600);
}

[data-theme="dark"] .hero-stat-box span {
  color: #475569;
  font-weight: 600;
}

[data-theme="dark"] .hero-stat-box strong {
  color: #0f172a;
  font-weight: 800;
}

[data-theme="dark"] .hero-stat-box .dashboard-stat-label {
  color: #475569 !important;
  font-weight: 600;
}

[data-theme="dark"] .hero-stat-box .dashboard-stat-value {
  color: #0f172a !important;
  font-weight: 800;
}

[data-theme="dark"] .hero-chart-area {
  background: var(--neutral-200);
}

[data-theme="dark"] .hero-table {
  border-color: var(--neutral-200);
}

[data-theme="dark"] .hero-table-row {
  border-bottom-color: var(--neutral-200);
}

[data-theme="dark"] .hero-floating-card {
  background: var(--neutral-100);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .hero-floating-card div[style*="color:#0f172a"] {
  color: var(--neutral-900) !important;
}

/* ----- Dark Mode Product Hero ----- */
[data-theme="dark"] .product-hero-card {
  background: var(--neutral-100);
}

/* ----- Dark Mode Buttons ----- */
[data-theme="dark"] .btn-outline {
  color: var(--brand-400);
  border-color: var(--brand-300);
}

[data-theme="dark"] .btn-outline:hover {
  background: rgba(37, 99, 235, 0.1);
}

[data-theme="dark"] .btn-ghost {
  color: var(--neutral-600);
}

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

/* ----- Dark Mode Dividers ----- */
[data-theme="dark"] .divider {
  background: var(--neutral-200);
}

/* ----- Dark Mode Modal ----- */
[data-theme="dark"] .modal-box {
  background: var(--neutral-100);
}

[data-theme="dark"] .modal-box h3 {
  color: var(--neutral-900);
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
  background: var(--neutral-200);
  border-color: var(--neutral-300);
  color: var(--neutral-900);
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
  border-color: var(--brand-500);
}

/* ----- Dark Mode Dashboard Metrics ----- */
[data-theme="dark"] .dashboard-metric {
  background: var(--neutral-200);
}

[data-theme="dark"] .dashboard-metric-value {
  color: var(--neutral-900);
}

/* ----- Dark Mode Scrollbar ----- */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--neutral-200);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--neutral-300);
}

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

/* ----- Dark Mode Selection ----- */
[data-theme="dark"] ::selection {
  background: var(--brand-600);
  color: #fff;
}

/* ----- Permanent Public Dark Mode ----- */
[data-theme="dark"],
[data-theme="dark"] body,
[data-theme="dark"] main {
  background: #020617;
  color-scheme: dark;
}

[data-theme="dark"] .section,
[data-theme="dark"] section:not(.hero):not(.product-hero):not(.case-study-hero):not(.ai-section):not(.cta-section):not(.product-cta-section) {
  background: #020617;
}

[data-theme="dark"] .section-light,
[data-theme="dark"] .trust-bar,
[data-theme="dark"] .products-section,
[data-theme="dark"] .dashboard-showcase,
[data-theme="dark"] .industries-section,
[data-theme="dark"] .features-section,
[data-theme="dark"] .integrations-section,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .pricing-section,
[data-theme="dark"] .faq-section,
[data-theme="dark"] .product-features-section {
  background: #020617 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .before-after-card,
[data-theme="dark"] .quote-card,
[data-theme="dark"] .related-card,
[data-theme="dark"] .chart-container,
[data-theme="dark"] .product-hero-card,
[data-theme="dark"] .hero-card-main,
[data-theme="dark"] .platform-dashboard,
[data-theme="dark"] .platform-capability-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .product-card .product-hover-preview,
[data-theme="dark"] .device-laptop-screen,
[data-theme="dark"] .device-tablet-screen,
[data-theme="dark"] .device-mobile-screen,
[data-theme="dark"] .industry-card,
[data-theme="dark"] .feature-card-large,
[data-theme="dark"] .integration-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .modal-box,
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"] {
  background: #0f172a !important;
  border-color: #1e293b !important;
}

[data-theme="dark"] [style*="background:var(--neutral-50)"],
[data-theme="dark"] [style*="background: var(--neutral-50)"],
[data-theme="dark"] [style*="background:var(--neutral-100)"],
[data-theme="dark"] [style*="background: var(--neutral-100)"] {
  background: #0f172a !important;
}

[data-theme="dark"] .platform-kpi-row div,
[data-theme="dark"] .platform-flow div,
[data-theme="dark"] .platform-chart,
[data-theme="dark"] .hero-chart-area,
[data-theme="dark"] .dashboard-metric,
[data-theme="dark"] .trust-logo,
[data-theme="dark"] .industry-card li,
[data-theme="dark"] .table-wrapper,
[data-theme="dark"] table,
[data-theme="dark"] thead tr,
[data-theme="dark"] tbody tr,
[data-theme="dark"] tbody tr[style*="background"] {
  background: #111c2f !important;
  border-color: #26364f !important;
}

[data-theme="dark"] tbody tr:nth-child(even) {
  background: #0f172a !important;
}

[data-theme="dark"] th,
[data-theme="dark"] td,
[data-theme="dark"] li {
  border-color: #26364f !important;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .footer-newsletter input {
  background-color: #0b1220 !important;
  border-color: #26364f !important;
  color: #f1f5f9 !important;
}

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

[data-theme="dark"] label,
[data-theme="dark"] th,
[data-theme="dark"] td,
[data-theme="dark"] .chart-title,
[data-theme="dark"] .before-after-metric,
[data-theme="dark"] .related-card-title,
[data-theme="dark"] .quote-author,
[data-theme="dark"] .dashboard-slide-header h4,
[data-theme="dark"] .feature-check-item,
[data-theme="dark"] [style*="color:var(--neutral-700)"],
[data-theme="dark"] [style*="color: var(--neutral-700)"] {
  color: #cbd5e1 !important;
}

[data-theme="dark"] [style*="color:var(--neutral-900)"],
[data-theme="dark"] [style*="color: var(--neutral-900)"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #0f172a"] {
  color: #f1f5f9 !important;
}

[data-theme="dark"] [style*="color:var(--neutral-500)"],
[data-theme="dark"] [style*="color: var(--neutral-500)"],
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #64748b"] {
  color: #94a3b8 !important;
}

[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .footer-description,
[data-theme="dark"] .footer-contact-item span,
[data-theme="dark"] .footer-contact-link,
[data-theme="dark"] .footer-column a,
[data-theme="dark"] .footer-column li,
[data-theme="dark"] .footer-copyright,
[data-theme="dark"] .footer-bottom-links a,
[data-theme="dark"] .quote-role,
[data-theme="dark"] .related-card-industry,
[data-theme="dark"] .before-value {
  color: #94a3b8 !important;
}

[data-theme="dark"] .grid > *,
[data-theme="dark"] .card {
  min-width: 0;
}

[data-theme="dark"] .card,
[data-theme="dark"] .footer-column a:not(.footer-contact-link) {
  overflow-wrap: anywhere;
}

[data-theme="dark"] .footer-contact-item,
[data-theme="dark"] .footer-contact-link {
  overflow-wrap: normal;
  word-break: normal;
}

[data-theme="dark"] .cta-section,
[data-theme="dark"] .product-cta-section {
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(124, 58, 237, 0.16)),
    #020617 !important;
  border-top: 1px solid rgba(96, 165, 250, 0.18);
  border-bottom: 1px solid rgba(96, 165, 250, 0.14);
}

[data-theme="dark"] .cta-section::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(37, 99, 235, 0.18) 0%, transparent 45%),
    radial-gradient(circle at 70% 60%, rgba(124, 58, 237, 0.16) 0%, transparent 50%);
}

[data-theme="dark"] .btn-white,
[data-theme="dark"] .cta-btn-primary {
  background: var(--gradient-primary) !important;
  color: #fff !important;
  border: 1px solid rgba(147, 197, 253, 0.25) !important;
}

[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .cta-btn-secondary {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  background: rgba(15, 23, 42, 0.55) !important;
}

[data-theme="dark"] .site-footer {
  background:
    linear-gradient(180deg, #020617 0%, #030712 100%) !important;
  color: #94a3b8;
  border-top: 1px solid rgba(96, 165, 250, 0.16);
}

[data-theme="dark"] .footer-top,
[data-theme="dark"] .footer-bottom {
  border-color: rgba(148, 163, 184, 0.12) !important;
}

[data-theme="dark"] .footer-logo span,
[data-theme="dark"] .footer-column h4 {
  color: #f8fafc !important;
}

[data-theme="dark"] .footer-social a {
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(96, 165, 250, 0.18);
  color: #60a5fa;
}

[data-theme="dark"] .footer-social a:hover,
[data-theme="dark"] .footer-column a:hover,
[data-theme="dark"] .footer-bottom-links a:hover {
  color: #fff !important;
}

[data-theme="dark"] .footer-newsletter button {
  background: var(--gradient-primary) !important;
  color: #fff !important;
}

[data-theme="dark"] .modal-overlay {
  background: rgba(2, 6, 23, 0.72);
}