/* WeTrips Horizon for the standalone support and privacy documents. */
:root { --petrole: #193f51; --sauge: #a4e0d0; --creme: #f7f8f5; --secondary: #526e76; }
body { font-family: Arial, sans-serif; background: var(--creme); color: var(--petrole); }
nav { background: rgba(247,248,245,.96); border-bottom-color: #d8e4df; }
.logo, .back-link, .hero h1, .content h2 { color: var(--petrole); }
.logo img { width: auto; height: 40px; }
.back-link:hover, .content a:hover, footer a:hover { color: #28617a; }
.hero-tag { background: var(--sauge); border-color: var(--sauge); color: var(--petrole); }
.hero h1, .content h2, .contact-card h2 { font-family: "Montserrat", Arial, sans-serif; }
.hero h1 em { background: none; -webkit-text-fill-color: var(--petrole); color: var(--petrole); }
.hero p, .content p, .content ul, .update-date, .section-title, .platform-pill small,
.faq-a, .contact-card p, footer, footer a { color: var(--secondary); }
.platform-pill, .faq-item, .contact-card { background: #fff; border-color: #d8e4df; border-radius: 24px; color: var(--petrole); }
.platform-pill:hover, .faq-item:hover { border-color: var(--sauge); box-shadow: 0 8px 24px rgba(25,63,81,.08); }
.faq-q, .faq-a strong, .contact-card h2, .contact-card p strong { color: var(--petrole); }
.faq-item.open .faq-q .icon, .btn-contact { background: var(--petrole); border-color: var(--petrole); color: #fff; }
.btn-contact:hover { background: #28617a; }
.faq-a a, .content a { color: var(--petrole); }
.section-title::after, .divider { background: #d8e4df; }
footer { border-top-color: #d8e4df; }
::selection { background: var(--sauge); color: var(--petrole); }
:focus-visible { outline: 2px solid #28617a; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .hero, .section, .contact-section, .platforms { animation: none; }
}