/* N8N-Create Design System v0.2.4 */

:root {
    --ncw-bg:           #fafaf8;
    --ncw-bg-2:         #f2f2ee;
    --ncw-bg-3:         #e8e8e3;
    --ncw-card:         #ffffff;
    --ncw-text:         #111111;
    --ncw-text-2:       #555555;
    --ncw-text-3:       #888888;
    --ncw-accent:       #0f6e56;
    --ncw-accent-hover: #085041;
    --ncw-accent-light: #e1f5ee;
    --ncw-accent-text:  #0f6e56;
    --ncw-border:       #ddddd8;
    --ncw-border-2:     #c8c8c3;
    --ncw-logo-tile-n:  #111111;
    --ncw-logo-tile-8:  #0f6e56;
    --ncw-logo-dash:    #0f6e56;
    --ncw-font:         system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
    --ncw-container:    min(960px, 100% - 3rem);
    --ncw-section-py:   4rem;
    --ncw-r-sm:         4px;
    --ncw-r-md:         8px;
    --ncw-r-lg:         12px;
    --ncw-transition:   0.2s ease;
    --ncw-header-h:     60px;
}

html[data-theme="dark"] {
    --ncw-bg:           #111111;
    --ncw-bg-2:         #1a1a1a;
    --ncw-bg-3:         #222222;
    --ncw-card:         #1a1a1a;
    --ncw-text:         #f0f0eb;
    --ncw-text-2:       #aaaaaa;
    --ncw-text-3:       #666666;
    --ncw-accent:       #5dcaa5;
    --ncw-accent-hover: #3ba882;
    --ncw-accent-light: #04342c;
    --ncw-accent-text:  #5dcaa5;
    --ncw-border:       #2a2a2a;
    --ncw-border-2:     #333333;
    --ncw-logo-tile-n:  #222222;
    --ncw-logo-tile-8:  #5dcaa5;
    --ncw-logo-dash:    #5dcaa5;
}

/* Dark Mode Override — schlägt WP-Defaults */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body.ncw-body {
    background-color: #111111 !important;
    color: #f0f0eb !important;
}

html[data-theme="dark"] body.ncw-body .ncw-header,
html[data-theme="dark"] body.ncw-body .ncw-footer {
    background-color: #111111 !important;
    border-color: #2a2a2a !important;
}

html[data-theme="dark"] body.ncw-body .ncw-section,
html[data-theme="dark"] body.ncw-body .ncw-hero,
html[data-theme="dark"] body.ncw-body .ncw-single-product,
html[data-theme="dark"] body.ncw-body .ncw-generic-page {
    background-color: #111111 !important;
}

html[data-theme="dark"] body.ncw-body .ncw-cta-section {
    background-color: #1a1a1a !important;
}

html[data-theme="dark"] body.ncw-body .ncw-product-card,
html[data-theme="dark"] body.ncw-body .ncw-stat,
html[data-theme="dark"] body.ncw-body .ncw-form-group input,
html[data-theme="dark"] body.ncw-body .ncw-form-group textarea {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
    color: #f0f0eb !important;
}

html[data-theme="dark"] body.ncw-body .ncw-card-placeholder {
    background-color: #1a1a1a !important;
    border-color: #2a2a2a !important;
}