/* ===== Dark Mode ===== */
[data-theme="dark"] {
    --primary-color: #6366f1;
    --secondary-color: #818cf8;
    --accent-color: #a5b4fc;
    --text-color: #e2e8f0;
    --text-muted: #94a3b8;
    --light-grey: #1e293b;
    --border-color: #334155;
    --success-color: #34d399;
    --danger-color: #f87171;
    --tag-color: #818cf8;
    --attribute-color: #fbbf24;
    --value-color: #34d399;
    --text-node-color: #cbd5e1;
    --panel-bg: #1e293b;
    --panel-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(0, 0, 0, 0.2);
    --header-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1a1a2e 100%);
}

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

/* Nav */
[data-theme="dark"] .main-nav {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom: 1px solid #334155;
}

/* Hero */
[data-theme="dark"] .hero-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #1a1a2e 100%);
}

[data-theme="dark"] .hero-badge {
    background: rgba(99, 102, 241, 0.15);
    border-color: rgba(99, 102, 241, 0.3);
}

/* View Selector */
[data-theme="dark"] .view-selector {
    background-color: #1e293b;
    border-color: #334155;
}

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

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

[data-theme="dark"] .view-btn.active-view {
    background: linear-gradient(135deg, #6366f1, #818cf8);
    color: #fff;
}

/* Action Buttons */
[data-theme="dark"] .btn {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.3);
}

[data-theme="dark"] .btn:hover {
    background: linear-gradient(135deg, #6366f1, #818cf8);
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);
}

/* Editor Panels */
[data-theme="dark"] .input-container,
[data-theme="dark"] .viewer-container {
    background-color: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .tree-header {
    background: linear-gradient(135deg, #0f172a, #1a1a2e);
}

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

[data-theme="dark"] #xmlInput::placeholder,
[data-theme="dark"] #jsonInput::placeholder {
    color: #475569;
}

[data-theme="dark"] .tree-view {
    background: #0f172a;
    border-top-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .code-editor {
    background: #0f172a;
    border-top-color: #334155;
}

[data-theme="dark"] .line-numbers {
    background-color: #1a1a2e;
    border-right-color: #334155;
    color: #475569;
}

/* Filter & Path */
[data-theme="dark"] .filter-container {
    background-color: #1a1a2e;
    border-bottom-color: #334155;
}

[data-theme="dark"] #xmlFilter,
[data-theme="dark"] #jsonFilter,
[data-theme="dark"] .path-input {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] #xmlFilter:focus,
[data-theme="dark"] #jsonFilter:focus,
[data-theme="dark"] .path-input:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .path-finder-container {
    background-color: #1a1a2e;
    border-bottom-color: #334155;
}

/* Sections */
[data-theme="dark"] .how-to-section {
    background: #0f172a;
    border-bottom-color: #1e293b;
}

[data-theme="dark"] .how-to-section h2,
[data-theme="dark"] .features-section h2,
[data-theme="dark"] .why-us-section h2,
[data-theme="dark"] .faq-section-main h2 {
    color: #e2e8f0;
}

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

[data-theme="dark"] .step-card h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .step-card p {
    color: #94a3b8;
}

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

[data-theme="dark"] .features-section .content-column h3 {
    color: #e2e8f0;
}

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

[data-theme="dark"] .why-us-section {
    background: #0f172a;
    border-color: #1e293b;
}

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

[data-theme="dark"] .why-card h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .why-card p {
    color: #94a3b8;
}

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

[data-theme="dark"] .faq-section-main .faq-item {
    background: #1e293b;
    border-color: #334155;
}

[data-theme="dark"] .faq-toggle h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .faq-answer p {
    color: #94a3b8;
}

[data-theme="dark"] .faq-answer code {
    background: #334155;
    color: #a5b4fc;
}

/* Footer */
[data-theme="dark"] .modern-footer {
    background: #0f172a;
    border-top-color: #1e293b;
    color: #94a3b8;
}

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

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

[data-theme="dark"] .modern-footer a:hover {
    color: #a5b4fc;
}

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

/* Cookie Consent */
[data-theme="dark"] .cookie-consent {
    background: #1e293b;
    border-top-color: #334155;
}

/* Notification */
[data-theme="dark"] .notification {
    background: linear-gradient(135deg, #1e293b, #334155);
}

/* Content styles */
[data-theme="dark"] .content-columns {
    color: #cbd5e1;
}

/* Highlight */
[data-theme="dark"] .highlight {
    background-color: rgba(99, 102, 241, 0.3);
}

[data-theme="dark"] .highlight-found {
    background-color: rgba(99, 102, 241, 0.2);
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3);
}

/* Tree node styling */
[data-theme="dark"] .tree-node.collapsible::before {
    color: #6366f1;
}

/* Error */
[data-theme="dark"] .error-message {
    background-color: rgba(248, 113, 113, 0.1);
    border-color: #f87171;
    color: #f87171;
}

/* JSON types */
[data-theme="dark"] .json-string { color: #34d399; }
[data-theme="dark"] .json-number { color: #fbbf24; }
[data-theme="dark"] .json-boolean { color: #f87171; }
[data-theme="dark"] .json-null { color: #94a3b8; }
[data-theme="dark"] .json-key { color: #818cf8; }

/* ===== Page Hero Header ===== */
[data-theme="dark"] .page-hero-header {
    background: var(--header-gradient);
}

[data-theme="dark"] .page-hero-icon {
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
}

/* ===== Page Content (diğer sayfalar) ===== */
[data-theme="dark"] .page-content {
    background: #0f172a;
}

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

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

/* Policy Sections */
[data-theme="dark"] .policy-section {
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .policy-section:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .policy-section h2 {
    color: #e2e8f0;
    border-bottom-color: #334155;
}

[data-theme="dark"] .policy-section p {
    color: #cbd5e1;
}

[data-theme="dark"] .policy-section li {
    color: #cbd5e1;
}

[data-theme="dark"] .policy-section a {
    color: #818cf8;
}

/* About Page */
[data-theme="dark"] .about-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1a1a2e 100%);
}

[data-theme="dark"] .features-grid h2,
[data-theme="dark"] .about-stats h2 {
    color: #e2e8f0;
}

[data-theme="dark"] .feature-card {
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .feature-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .feature-card h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .feature-card p {
    color: #94a3b8;
}

[data-theme="dark"] .stat-item {
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

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

[data-theme="dark"] .about-tech {
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .about-tech h2 {
    color: #e2e8f0;
}

[data-theme="dark"] .about-tech p {
    color: #cbd5e1;
}

[data-theme="dark"] .tech-tag {
    background: linear-gradient(135deg, #334155, #1e293b);
    color: #a5b4fc;
}

/* Contact Page */
[data-theme="dark"] .contact-info h2,
[data-theme="dark"] .contact-form-container h2 {
    color: #e2e8f0;
}

[data-theme="dark"] .contact-info p {
    color: #cbd5e1;
}

[data-theme="dark"] .contact-method h3 {
    color: #e2e8f0;
}

[data-theme="dark"] .contact-method a,
[data-theme="dark"] .contact-method p {
    color: #94a3b8;
}

[data-theme="dark"] .contact-method a:hover {
    color: #818cf8;
}

[data-theme="dark"] .contact-form-container {
    background: #1e293b;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .form-group label {
    color: #cbd5e1;
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group select:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
    background: #1e293b;
}

[data-theme="dark"] .form-group input::placeholder,
[data-theme="dark"] .form-group textarea::placeholder {
    color: #475569;
}

[data-theme="dark"] .contact-success p {
    color: #94a3b8;
}

/* Dark mode toggle */
.dark-mode-toggle {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: 36px;
    height: 36px;
}

.dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

[data-theme="dark"] .dark-mode-toggle .fa-moon { display: none; }
[data-theme="dark"] .dark-mode-toggle .fa-sun { display: inline; }
[data-theme="light"] .dark-mode-toggle .fa-moon { display: inline; }
[data-theme="light"] .dark-mode-toggle .fa-sun { display: none; }