/* ============================================================
   AcroNation — Warm Mediterranean (color mockup only)
   Loaded AFTER styles.css + home.css. Palette overrides only —
   no layout, typography or content changes.
   Ratio target: 70% ivory/sand · 20% black/photo · 8% coral · 2% blue
   ============================================================ */

:root {
  /* backgrounds */
  --warm:       #FAF8F4;   /* Warm Ivory main bg */
  --warm-deep:  #F1ECE4;
  --cream:      #F1ECE4;   /* Warm Sand alt sections */
  --cream-dark: #E7E0D5;
  --ice:        #F1ECE4;

  /* brand */
  --terra:       #C94F3D;  /* Burnt Coral takes the accent role */
  --terra-dark:  #AD4032;
  --terra-light: #E37663;
  --wa-green:    #C94F3D;  /* primary CTA = Coral */

  /* ink */
  --charcoal: #191817;     /* soft black */
  --brown:    #68635D;     /* secondary text */

  --sage: #496B78;         /* Mediterranean Blue (micro use) */
  --gold: #C58A36;

  --shadow-sm: 0 2px 8px rgba(25,24,23,0.04);
  --shadow-md: 0 4px 24px rgba(25,24,23,0.06);
  --shadow-lg: 0 16px 48px rgba(25,24,23,0.08);
  --shadow-xl: 0 24px 64px rgba(25,24,23,0.12);
}

/* body text warmth */
p { color: #68635D; }
.section-head p { color: #68635D; }

/* ── Primary CTA: Burnt Coral, no gradient ── */
.btn-primary {
  background: #C94F3D;
  box-shadow: 0 6px 20px rgba(122, 54, 43, 0.15);
}
.btn-primary:hover {
  background: #AD4032;
  box-shadow: 0 10px 28px rgba(122, 54, 43, 0.2);
}
.btn-wa {
  background: #C94F3D;
  box-shadow: 0 4px 16px rgba(122, 54, 43, 0.18);
}
.btn-wa:hover { box-shadow: 0 8px 24px rgba(122, 54, 43, 0.26); }
.mobile-wa { color: #C94F3D !important; }

/* Secondary CTA */
.btn-ghost {
  background: rgba(255,255,255,0.6);
  color: #191817;
  border-color: rgba(255,255,255,0.8);
}

/* ── Header ── */
.navbar.scrolled {
  background: rgba(250, 248, 244, 0.94);
  box-shadow: 0 1px 0 #DED8CF, 0 4px 24px rgba(25,24,23,0.04);
}
.lang-toggle { border-color: #DED8CF; color: #C94F3D; }
.lang-toggle:hover { background: #F8E7E2; border-color: #C94F3D; }
.nav-links a:hover { background: #F8E7E2; color: #AD4032; }
.nav-links .sub { border-color: #DED8CF; }

/* ── Eyebrows: Mediterranean Blue micro-accent (the 2%) ── */
.section-eyebrow { color: #496B78; }
.section-eyebrow::before { background: #496B78; }
.hero-eyebrow::before { background: #E37663; }

/* ── Trust strip ── */
.trust-list { border-bottom-color: #DED8CF; }
.trust-list li { color: #68635D; }
.trust-list li > span:first-child { color: #C94F3D; }
.trust-g { color: #68635D; }
.trust-g:hover { color: #C94F3D; }

/* ── Route cards ── */
.route-card { border-color: #DED8CF; }
.route-card:hover { border-color: #C94F3D; background: #FDF6F3; }
.route-cta { color: #C94F3D; }
.route-sub-link { color: #68635D; }
.route-sub-link:hover { color: #C94F3D; }
.route-img { background: #F1ECE4; }

/* ── Beginner ── */
.beginner-points li { color: #68635D; }
.beginner-points li > span:first-child { color: #C94F3D; }

/* ── Reviews ── */
.testi-stars { color: #C58A36; }
.testi-card footer span { color: #C94F3D; }
.rev-more a, .gallery2-cta a, .team2-cta a, .faq-cta a, .definition-links a { color: #C94F3D; }

/* ── Steps ── */
.step-n { background: #F8E7E2; color: #C94F3D; }

/* ── Services groups ── */
.svc-group { border-color: #DED8CF; }
.svc-group ul a { color: #68635D; }
.svc-group ul a:hover { color: #C94F3D; }
.svc-group summary::after { color: #C94F3D; }

/* ── Worlds (dark editorial section keeps soft black) ── */
.worlds { background: #191817; }
.world-eyebrow { color: #E37663; }
.world-cta { color: #F5F1EA; }
.world-cta:hover { color: #E37663; }
.world-links .world-cta { border-color: rgba(245,241,234,0.5); }
.worlds-bridge strong { color: #E37663; }

/* ── Gallery: warm ivory keeps photos leading ── */
.gallery2 { background: #FAF8F4; }

/* ── Definition / FAQ ── */
.definition-links-inline a { color: #496B78; }
.definition-links-inline a:hover { color: #C94F3D; }
.faq-item { border-color: #DED8CF; }
.faq-item summary { color: #191817; }
.faq-item[open] summary { color: #C94F3D; }

/* ── Final CTA: Coral presence ── */
.final-cta-bg { display: none; }
.final-cta { background: #C94F3D; }
.final-cta-overlay { display: none; }
.final-cta-content > p { color: rgba(255,255,255,0.9); }
.final-cta-micro { color: rgba(255,255,255,0.75); }
.final-cta .btn-primary {
  background: #FFFFFF;
  color: #AD4032;
  box-shadow: 0 8px 26px rgba(90, 30, 20, 0.25);
}
.final-cta .btn-primary:hover { background: #F8E7E2; }

/* ── Footer ── */
.footer { background: #191817; }
.footer, .footer p { color: #F5F1EA; }
.footer-nav ul a, .footer-info p, .footer-bottom p { color: #ABA49B; }
.footer-nav ul a:hover, .footer-bottom a:hover { color: #E37663; }
.footer-wa { background: #C94F3D; }
.footer-statement-motto { color: rgba(245,241,234,0.8); }

/* ── Sticky mobile CTA ── */
.sticky-cta { background: rgba(250,248,244,0.95); box-shadow: 0 -4px 24px rgba(25,24,23,0.12); }

/* Footer social icons row */
.footer-social{display:flex;justify-content:center;align-items:center;gap:22px;padding:6px 24px 26px}
.footer-social a{color:rgba(245,241,234,.72);display:inline-flex;transition:color .2s ease,transform .2s ease}
.footer-social a:hover{color:#E37663;transform:translateY(-2px)}
.footer-social svg{width:22px;height:22px}