/* CREAOS brand palette supplied by the client:
   #0b2027 · #40798c · #70a9a1 · #cfd7c7 */
:root {
  --ink: #0b2027;
  --ocean: #40798c;
  --sea: #70a9a1;
  --sage: #cfd7c7;
  --paper: #cfd7c7;
  --muted: #40798c;
  --line: #70a9a1;
}

body { background: var(--sage); }
.topbar { background: var(--sea); color: var(--ink); }
.topbar a:hover { color: var(--ink); text-decoration: underline; }
.site-header { background: var(--ink); border-color: var(--ocean); }
.brand { background: #fff; padding: 6px 10px; border-radius: 7px; }
.desktop-nav a { color: #fff; }
.desktop-nav a:hover { color: var(--sea); }
.language-toggle, .lang-toggle { background: var(--ocean); border: 1px solid var(--sea); color: #fff; }
.language-toggle:hover, .lang-toggle:hover { background: var(--sea); color: var(--ink); }
.header-cta, .header-contact { background: var(--sea); color: var(--ink); }
.header-cta:hover, .header-contact:hover { background: var(--sage); color: var(--ink); }
.menu-toggle span { background: #fff; }
.mobile-nav { background: var(--ink); border-color: var(--ocean); }
.mobile-nav a { color: #fff; border-color: var(--ocean); }

.hero { background: var(--sage); }
.hero-content>p { color: var(--ink); }
.hero-text-link { color: var(--ink); border-color: var(--ink); }
.hero-caption { background: var(--ink); color: #fff; }
.hero-caption span:first-child { color: var(--sea); }
.trip-finder { background: var(--sage); }
.finder-panel { border-color: var(--sea); }
.finder-intro .eyebrow, .finder-field>span { color: var(--ocean); }
.finder-field { border-color: var(--sage); }
.finder-submit, .btn-dark, .button-primary { background: var(--ocean); color: #fff; }
.finder-submit:hover, .btn-dark:hover, .button-primary:hover { background: var(--ink); }
.trust-strip { background: var(--ocean); }
.trust-grid { border-color: var(--sea); }
.trust-grid>div { color: #fff; }
.trust-icon { color: var(--sage); }

.featured { background: #fff; }
.featured .journey-card { background: var(--sage); border-color: var(--sea); }
.featured .journey-region { background: var(--ink); color: #fff; }
.journey-content p { color: var(--ink); }
.journey-open { background: var(--ocean); color: #fff; }
.journey-open:hover { background: var(--ink); color: #fff; }
.destinations { background: var(--sage); }
.welcome { background: var(--ink); color: #fff; }
.welcome .eyebrow, .welcome h2 em { color: var(--sea); }
.welcome-copy p, .welcome .value-grid p { color: var(--sage); }
.welcome .arrow-link { color: var(--sage); border-color: var(--sea); }
.welcome .value-grid article { background: var(--ocean); border-color: var(--sea); }
.welcome .value-grid h3 { color: #fff; }
.welcome .value-icon { color: var(--sage); }
.process { background: var(--ocean); }
.process .eyebrow, .process h2 em, .process-steps span { color: var(--sage); }
.process-content>p { color: #fff; }
.process-steps>div, .process-steps>div:last-child { border-color: var(--sea); }
.catalog { background: #fff; }
.catalog-search input { background: var(--sage); border-color: var(--sea); }
.catalog-chip { border-color: var(--sea); }
.catalog-chip[aria-pressed=true], .catalog-chip:hover { background: var(--ocean); border-color: var(--ocean); color: #fff; }
.catalog-grid .journey-card { background: var(--sage); border-color: var(--sea); }
.catalog-grid .journey-region { background: var(--ink); color: #fff; }
.services { background: var(--sage); }
.services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.services-grid article { border-color: var(--sea); }
.services-grid article>span { background: var(--sage); color: var(--ocean); }
.service-detail { display: inline-flex; margin-top: 16px; color: var(--ocean); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.service-detail:hover { color: var(--ink); }
.journal { background: #fff; }
.journal-card { background: var(--sage); border-color: var(--sea); }
.journal-card a { color: var(--ocean); }
.about-band { background: var(--ocean); }
.about-band h2 em, .about-band .eyebrow { color: var(--sage); }
.about-band p { color: #fff; }
.contact { background: var(--ink); }
.contact h2 em, .contact .eyebrow { color: var(--sea); }
.contact p { color: var(--sage); }
.contact-card { background: var(--ocean); border-color: var(--sea); }
.contact-card p { color: #fff; }
.team-emails { width: 100%; margin-top: 19px; padding-top: 18px; border-top: 1px solid var(--sea); display: flex; flex-direction: column; gap: 8px; }
.team-emails a { color: #fff; font: 600 12px var(--sans); overflow-wrap: anywhere; }
.team-emails a:hover { color: var(--sage); }
.site-footer { background: var(--sage); }
.footer-bottom { border-color: var(--sea); }
.footer-top p, .footer-bottom { color: var(--ink); }
.footer-brand { background: #fff; padding: 5px 9px; border-radius: 6px; }

.library-hero { background: var(--ink); }
.library-hero::before { background: linear-gradient(90deg, #0b2027 0%, #0b2027db 46%, #0b202766), url('assets/hero-ephesus.webp') center/cover; }
.library-hero .section-number, .library-hero h1 em { color: var(--sea); }
.library-hero-side p { color: #fff; }
.library-content { background: var(--sage); }
.library-search input { border-color: var(--sea); }
.library-filter { border-color: var(--sea); }
.library-filter[aria-pressed=true], .library-filter:hover { background: var(--ocean); border-color: var(--ocean); color: #fff; }
.library-card { border-color: var(--sea); }
.library-card-art { background: var(--sea); color: var(--ink); }
.library-card:nth-child(4n) .library-card-art { background: var(--ocean); color: #fff; }
.library-card p, .library-detail-head>p, .library-article p, .library-article li { color: var(--ink); }
.library-detail-head, .library-detail-actions, .library-gallery { border-color: var(--sea); }

@media (max-width: 900px) {
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .finder-field { border-color: var(--sage); }
  .catalog-filters { gap: 6px; }
  .services-grid { grid-template-columns: 1fr; }
}