/* ============================================================
   TRUST LIGHT — funnel-path theme (2026-08 repositioning)
   Loaded AFTER each page's inline <style>, in the slot maison.css
   used to occupy. Same token NAMES, light trust-blue values, so
   existing markup keeps working unchanged.

   Palette: navy #0b2a4a carries text (AAA on foam). Bright blue
   #2563eb carries brand — never body text (~4.6:1 on white).
   Orange #e76f51 is RESERVED FOR CTAs so buttons pop against blue.

   NOTE: --c-* CRM-mock vars are defined in each page's inline
   <style> and are NOT touched here — the dashboard mocks are
   already coastal-light and render correctly as-is.
   ============================================================ */

:root{
  --paper:#ffffff;              /* canvas */
  --foam:#f5f7fa;               /* alternating band */
  --foam-2:#eef2f7;             /* surface */
  --sand:#eef2f7;
  --blush:#eff6ff;
  --card:#ffffff;

  --navy:#0b2a4a;               /* primary text — AAA on foam */
  --navy-2:#5b6470;             /* secondary text — 5.6:1 */

  --brand:#2563eb;              /* trust blue — fills, graphics, active */
  --brand-ink:#1d4ed8;          /* blue text/links — ~6.3:1 on white */
  --brand-soft:#eff6ff;         /* tinted surface */

  --coral:#e76f51;              /* CTA orange — buttons only */
  --coral-d:#b8431f;            /* text-safe orange — 5.4:1 */

  --kelp:#2a9d8f;
  --sapphire:#1b6e97;
  --gold:#b7791f;
  --line:rgba(11,42,74,.10);
  --ink:#0b2a4a;
}

/* ---- Shared chrome ---- */
body{ background:var(--paper); color:var(--navy); }

.btn-coral{ background:var(--coral); color:#fff;
  box-shadow:0 10px 24px -8px rgba(231,111,81,.45); }
.btn-coral:hover{ background:var(--coral-d); transform:translateY(-1px); }

.btn-ghost{ border:1.5px solid var(--line); color:var(--navy); background:#fff; }
.btn-ghost:hover{ border-color:var(--brand); color:var(--brand-ink); }

/* Light glass nav */
.glass-nav{ background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(12px); border-color:var(--line)!important; }

/* ---- Light replacements for the Maison signature components ---- */
/* Soft blue horizon wash, replacing the dark orange eclipse. */
.glow-eclipse{ position:relative; isolation:isolate; overflow:hidden; }
.glow-eclipse::before{ content:""; position:absolute; z-index:-1;
  left:50%; bottom:-40%; transform:translateX(-50%);
  width:130%; aspect-ratio:2.6/1; border-radius:50%;
  background:radial-gradient(ellipse at center,
    rgba(37,99,235,.14) 0%, rgba(37,99,235,.07) 38%, transparent 70%);
  filter:blur(10px); pointer-events:none; }
.glow-eclipse--top::before{ bottom:auto; top:-40%; }

.icon-halo{ display:inline-flex; align-items:center; justify-content:center;
  width:56px; height:56px; border-radius:14px;
  background:var(--brand-soft); border:1px solid rgba(37,99,235,.18);
  color:var(--brand-ink); }

/* FAQ pills (native <details>, no JS) */
.faq-pill{ border:1px solid var(--line); border-radius:1rem;
  background:#fff; transition:border-color .2s, box-shadow .2s; }
.faq-pill:hover{ border-color:rgba(11,42,74,.20); }
.faq-pill[open]{ border-color:rgba(37,99,235,.30);
  box-shadow:0 10px 30px -18px rgba(11,42,74,.25); }
.faq-pill summary{ cursor:pointer; list-style:none; display:flex;
  align-items:center; justify-content:space-between; gap:1rem;
  padding:1.1rem 1.4rem; font-weight:600; color:var(--navy); }
.faq-pill summary::-webkit-details-marker{ display:none; }
.faq-pill summary::after{ content:"+"; font-family:'JetBrains Mono',monospace;
  font-size:1.1rem; color:var(--brand-ink); flex:none; transition:transform .2s; }
.faq-pill[open] summary::after{ transform:rotate(45deg); }
.faq-pill .faq-body{ padding:0 1.4rem 1.2rem; color:var(--navy-2);
  font-size:.95rem; line-height:1.6; }

/* Industry marquee */
.marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,
  transparent, #000 12%, #000 88%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.marquee-track{ display:flex; gap:.75rem; width:max-content;
  animation:marquee-scroll 36s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes marquee-scroll{ to{ transform:translateX(-50%); } }
.marquee-chip{ display:inline-flex; align-items:center; gap:.5rem;
  white-space:nowrap; padding:.45rem 1.1rem; border-radius:.65rem;
  border:1px solid var(--line); background:#fff;
  color:var(--navy-2); font-size:.85rem; font-weight:500; }
.marquee-chip svg{ width:14px; height:14px; color:var(--brand-ink); }

@media (prefers-reduced-motion:reduce){ .marquee-track{ animation:none; } }