/* ============================================================
   EmetSoft — Clean professional theme (3 colours)
   White · Navy (dark blue) · Blue accent
   ============================================================ */

:root {
    --navy: #1e3c72;
    --navy-2: #15345f;
    --blue: #2563eb;
    --blue-2: #1d4ed8;
    --white: #ffffff;
    --text-dark: #1e3c72;
    --text-body: #3a4a6b;
    --text-muted: #64748b;
    --bg: #ffffff;
    --bg-alt: #f4f6fb;
    --border: #e2e8f0;
    --border-2: #d1d9e6;
    --green: #16a34a;
    --amber: #d97706;
    --red: #dc2626;

    /* compatibility aliases */
    --text: #1e3c72;
    --text-2: #3a4a6b;
    --text-3: #64748b;
    --surface: #ffffff;
    --surface-2: #f4f6fb;
    --cyan: #2563eb;
    --grad: linear-gradient(135deg, #2563eb 0%, #1e3c72 100%);
    --primary: #2563eb;
    --text-secondary: #3a4a6b;
}

html, body {
    background: #ffffff !important;
    color: #3a4a6b !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { color: #1e3c72 !important; }
p { color: #3a4a6b !important; }
li { color: #3a4a6b !important; }
strong, b { color: #1e3c72 !important; }
label { color: #3a4a6b !important; }
small { color: #64748b !important; }
hr { border-color: #e2e8f0 !important; }
blockquote { background: #f4f6fb !important; border-left: 4px solid #1e3c72 !important; color: #3a4a6b !important; }
a { color: #2563eb; }
a:hover { color: #1e3c72; }
code, pre { background: #f4f6fb !important; color: #1e3c72 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px; }

section { background: #ffffff !important; }
.container { color: #3a4a6b; }

/* Hero sections: navy background + white text */
.hero, .blog-hero, .download-hero, .donation-hero, .howto-hero, .contact-hero, .screenshots-hero, .page-hero {
    background: #1e3c72 !important;
    background-image: none !important;
}
.hero *, .blog-hero *, .download-hero *, .donation-hero *, .howto-hero *, .contact-hero *, .screenshots-hero *, .page-hero * {
    color: #ffffff !important;
}
.section-header h2 { color: #1e3c72 !important; }
.section-header p { color: #3a4a6b !important; }

/* Navigation: navy + white text */
.header {
    background: #1e3c72 !important;
    border-bottom: 1px solid #15345f !important;
    box-shadow: 0 2px 12px rgba(30, 60, 114, 0.18);
}
.nav-logo h2 { color: #ffffff !important; }
.nav-logo i { color: #ffffff !important; }
.nav-link { color: #d6e2f3 !important; }
.nav-link:hover { color: #ffffff !important; }
.nav-link.active { background: #ffffff !important; color: #1e3c72 !important; border-radius: 6px !important; padding: 6px 14px !important; }
.nav-donate { color: #ffffff !important; border-color: #ffffff !important; }
.nav-donate:hover { background: #ffffff !important; color: #1e3c72 !important; }
.nav-menu { background: #1e3c72 !important; }
.bar { background: #ffffff !important; }
.nav-cta {
    margin-left: 1.5rem;
    padding: 8px 18px;
    background: #ffffff;
    color: #1e3c72 !important;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.92rem;
    white-space: nowrap;
}
.nav-cta:hover { background: #eef3fb !important; }

/* Buttons — blue accent (3rd colour) */
.btn, .btn-primary, .btn-secondary, .btn-outline, .btn-submit, .btn-download-large,
.btn-donate, .btn-donate-large, .btn-donate-hero, .btn-retry, .btn-outline-small, .btn-primary-small {
    border-radius: 9px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.btn-primary, .btn-submit, .btn-download-large, .btn-donate, .btn-donate-large,
.btn-donate-hero, .btn-retry, .btn-primary-small, .support-note .btn {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
}
.btn-primary:hover, .btn-submit:hover, .btn-download-large:hover, .btn-donate:hover,
.btn-donate-large:hover, .btn-donate-hero:hover, .btn-retry:hover { background: #1d4ed8 !important; }
.btn-secondary, .btn-outline, .btn-outline-small {
    background: #ffffff !important;
    color: #1e3c72 !important;
    border: 1px solid #1e3c72 !important;
}
.btn-secondary:hover, .btn-outline:hover, .btn-outline-small:hover { background: #f4f6fb !important; }

/* Cards: white + light border + navy text */
.blog-post, .download-card, .donation-card, .faq-item, .howto-category,
.contact-highlights .highlight, .contact-methods .method, .contact-info,
.contact-form-container, .donation-form-container, .method, .feature-card,
.audience-card, .highlight, .roadmap-preview, .protocol-item, .development-note,
.community-impact, .impact-item, .step, .doc-section, .step-screenshot,
.next-tutorial, .system-requirements, .versions-list, .info-card,
.device-compact-category, .brand-accordion, .accordion-header, .accordion-content,
.why-donate, .amount-btn, .tutorial-list li a, .howto-content, .preferences-intro,
.category-details, .modal-footer, .donation-card-footer, .screenshot-card,
.login-card, .card, .section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #3a4a6b !important;
    box-shadow: 0 2px 10px rgba(30, 60, 114, 0.06);
}
.accordion-header:hover, .accordion-header.active { background: #f4f6fb !important; }
.blog-post-header:hover { background: #f4f6fb !important; }
.blog-post.pinned, .blog-post.pinned .blog-post-header { background: #f4f6fb !important; border: 1px solid #e2e8f0 !important; }
.highlight-box { background: #eef3fb !important; border-left: 4px solid #2563eb !important; color: #3a4a6b !important; }
.highlight-box strong { color: #1e3c72 !important; }
.upcoming-notice { background: #1e3c72 !important; border: 1px solid #15345f !important; color: #ffffff !important; }
.upcoming-notice strong, .upcoming-notice a, .upcoming-notice i { color: #ffffff !important; }

/* Forms */
input, textarea, select {
    background: #ffffff !important;
    color: #1e3c72 !important;
    border: 1px solid #d1d9e6 !important;
    border-radius: 8px;
}
input:focus, textarea:focus, select:focus {
    border-color: #2563eb !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}
input::placeholder, textarea::placeholder { color: #94a3b8 !important; }
.form-group label { color: #3a4a6b !important; }

/* Tables */
table { background: #ffffff !important; border-color: #e2e8f0 !important; }
th { color: #1e3c72 !important; background: #f4f6fb !important; }
td { color: #3a4a6b !important; border-color: #e2e8f0 !important; }

/* Footer: navy + white text */
.footer {
    background: #1e3c72 !important;
    color: #d6e2f3 !important;
    border-top: none !important;
}
.footer::before, .footer::after { display: none !important; }
.footer-content { border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important; }
.footer-section h3 { color: #ffffff !important; }
.footer-section h4 { color: #ffffff !important; }
.footer-section a { color: #d6e2f3 !important; }
.footer-section a:hover { color: #ffffff !important; }
.footer-section p, .footer-section li { color: #d6e2f3 !important; }
.footer-bottom { color: #b8c7de !important; border-top: none !important; }
.footer-bottom a { color: #d6e2f3 !important; }
.footer-bottom a:hover { color: #ffffff !important; }
.footer-bottom p { color: #d6e2f3 !important; }
.footer-bottom strong, .footer-bottom em { color: #ffffff !important; }

/* Badges */
.blog-post-category { background: #2563eb !important; color: #ffffff !important; }
.upcoming-badge, .pinned-badge, .version-badge { color: #ffffff !important; }

/* Misc page surfaces */
.topbar { background: #1e3c72 !important; border-bottom: 1px solid #15345f !important; }
.badge { background: #eef3fb !important; color: #1e3c72 !important; }
.bar-outer { background: #e2e8f0 !important; }
.card .num { color: #1e3c72 !important; }
.card .lbl { color: #3a4a6b !important; }
.amount-btn { background: #ffffff !important; color: #1e3c72 !important; border: 1px solid #d1d9e6 !important; }
.amount-btn:hover, .amount-btn.active, .amount-btn.selected { background: #eef3fb !important; border-color: #2563eb !important; color: #1e3c72 !important; }
.preferences-intro { background: #f4f6fb !important; }
.category-header { background: #f4f6fb !important; }
.gdpr-notice { background: #eef3fb !important; border-left: 4px solid #1e3c72 !important; }
.modal-footer { background: #f4f6fb !important; border-top: 1px solid #e2e8f0 !important; }
.toggle-slider { background: #cbd5e1 !important; }
.toggle-slider:before { background: #ffffff !important; }
.status-content.loading { background: #f4f6fb !important; }
.status-content.error { background: #fef2f2 !important; border: 1px solid #fca5a5 !important; }
.donation-card-header { background: #eef3fb !important; border-bottom: 1px solid #e2e8f0 !important; }
.download-card-header { background: #1e3c72 !important; border-bottom: 1px solid #15345f !important; color: #ffffff !important; }
.download-card-header h2, .download-card-header p { color: #ffffff !important; }
.cookie-consent-banner { background: #1e3c72 !important; border: 1px solid #15345f !important; color: #ffffff !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important; }
.cookie-banner-text h3 { color: #ffffff !important; }
.cookie-banner-text p { color: #d6e2f3 !important; }
.cookie-banner-text a, .cookie-banner-icon i { color: #ffffff !important; }
.cookie-preferences-modal .preferences-modal-content { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }
.screenshots-gallery, .gdpr-section, .cookie-management-banner { background: #f4f6fb !important; }
.features, .devices, .target-audience, .quick-start, .documentation, .howto-list { background: #ffffff !important; }
.btn-download-large small { color: #ffffff !important; }

/* Blog simple footer */
.footer .container > p { color: #ffffff !important; }
.footer .container > p a { color: #ffffff !important; }