/**
 * CerdasWeb Modern Technology - Dark Mode Surface
 */

[data-theme="dark"] {
    --cw-bg-light: #0B1220;
    --cw-surface: #111827;
    --cw-text: #F8FAFC;
    --cw-muted: #94A3B8;
    --cw-border: rgba(255, 255, 255, 0.10);
    --cw-soft-blue: rgba(9, 122, 255, 0.15);
    --cw-shadow-floating: 0 12px 32px -4px rgba(0, 0, 0, 0.45);
    --cw-shadow-lg: 0 10px 25px -4px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
}

[data-theme="dark"] body {
    background-color: var(--cw-bg-light);
    color: var(--cw-text);
}

[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: #FFFFFF;
}

/* Floating Header Dark Mode */
[data-theme="dark"] .cw-header-pill {
    background: rgba(15, 23, 42, 0.86);
    border-color: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .cw-header-brand a {
    color: #FFFFFF;
}

[data-theme="dark"] .cw-nav-link {
    color: #E2E8F0;
}

[data-theme="dark"] .cw-nav-link:hover,
[data-theme="dark"] .cw-nav-item.current-menu-item > .cw-nav-link {
    background: rgba(9, 122, 255, 0.2);
    color: #60A5FA;
}

[data-theme="dark"] .cw-sub-menu,
[data-theme="dark"] .cw-megamenu-panel,
[data-theme="dark"] .cw-search-card,
[data-theme="dark"] .cw-drawer-panel {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .cw-sub-menu li a {
    color: #E2E8F0;
}

[data-theme="dark"] .cw-sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #60A5FA;
}

[data-theme="dark"] .cw-megamenu-title {
    color: #FFFFFF;
}

[data-theme="dark"] .cw-megamenu-card {
    background: rgba(15, 23, 42, 0.7);
    border-color: rgba(9, 122, 255, 0.25);
}

[data-theme="dark"] .cw-icon-btn,
[data-theme="dark"] .cw-header-login-btn {
    color: #E2E8F0;
}

[data-theme="dark"] .cw-icon-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #60A5FA;
}

/* Cards & Components in Dark */
[data-theme="dark"] .cw-card,
[data-theme="dark"] .cw-product-card,
[data-theme="dark"] .cw-service-card,
[data-theme="dark"] .cw-portfolio-card,
[data-theme="dark"] .cw-agenda-card {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .cw-card:hover,
[data-theme="dark"] .cw-product-card:hover,
[data-theme="dark"] .cw-service-card:hover,
[data-theme="dark"] .cw-portfolio-card:hover,
[data-theme="dark"] .cw-agenda-card:hover {
    border-color: rgba(9, 122, 255, 0.4);
    box-shadow: 0 10px 25px -4px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .cw-btn-secondary {
    background: #1E293B;
    border-color: rgba(255, 255, 255, 0.12);
    color: #FFFFFF !important;
}

[data-theme="dark"] .cw-btn-secondary:hover {
    background: #334155;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .cw-back-to-top {
    background: #1E293B;
    border-color: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
}

[data-theme="dark"] .cw-ad-container {
    background: rgba(17, 24, 39, 0.6);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Code & Pre in Dark */
[data-theme="dark"] pre,
[data-theme="dark"] code {
    background: #0B1220;
    border-color: rgba(255, 255, 255, 0.1);
    color: #93C5FD;
}

[data-theme="dark"] blockquote {
    border-left-color: var(--cw-primary);
    background: rgba(9, 122, 255, 0.08);
    color: #E2E8F0;
}

[data-theme="dark"] table {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] th,
[data-theme="dark"] td {
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] th {
    background: #1E293B;
    color: #FFFFFF;
}