/* ============================================================
   Port Miami Transfers — LIGHT SECTION variant
   Adds alternating light-on-dark rhythm. A `.section--light`
   re-maps the design-system color tokens locally, so every
   component inside (cards, chips, accordions, tables, forms)
   adapts automatically. Dark sections are untouched.
   ============================================================ */

.section--light {
  /* Light surface ramp */
  --navy-950: #ffffff;
  --navy-900: #f5f8fc;
  --navy-850: #eef3f9;
  --navy-800: #e7eef6;
  --navy-750: #dde6f1;
  --navy-700: #d2deec;
  --navy-600: #bfd0e4;

  /* Surfaces / glass become clean white panels */
  --glass: #ffffff;
  --glass-2: #f4f7fc;
  --hairline: rgba(16, 37, 67, 0.10);
  --hairline-strong: rgba(16, 37, 67, 0.18);

  /* Ink-navy text on light */
  --ink: #11243f;
  --ink-soft: #33496b;
  --muted: #5d7299;
  --muted-dim: #8294b3;

  /* Accents deepened for contrast on white
     (gradients --grad-cta / --grad-gold left vibrant for button fills) */
  --gold: #bb842f;
  --gold-bright: #a06f22;
  --gold-deep: #8a5f1c;
  --ocean: #2f7fb8;
  --ocean-bright: #226ca5;
  --coral: #e0573f;
  --coral-deep: #c8432d;

  /* Soft neutral shadows */
  --sh-sm: 0 2px 10px rgba(16, 37, 67, 0.07);
  --sh-md: 0 14px 40px rgba(16, 37, 67, 0.10);
  --sh-lg: 0 30px 78px rgba(16, 37, 67, 0.14);
  --sh-gold: 0 16px 46px rgba(187, 132, 47, 0.22);

  background: #f5f8fc;
  color: var(--ink);
}

/* Subtle top hairline where a light section meets a dark one */
.section--light { border-top: 1px solid rgba(16, 37, 67, 0.06); }

/* Inputs that hardcode a dark fill (e.g. faq search) -> light */
.section--light .input,
.section--light .faq-search input {
  background: #ffffff;
  border-color: var(--hairline-strong);
  color: var(--ink);
}
.section--light .input::placeholder { color: var(--muted-dim); }

/* Ghost button: keep dark ink on hover (default rule flips it white) */
.section--light .btn--ghost { color: var(--ink); }
.section--light .btn--ghost:hover { color: var(--ink); background: rgba(187, 132, 47, 0.10); border-color: var(--gold); }

/* All-inclusive add-on pills: light surface instead of the dark default */
.section--light .allinc__addons .ao { background: #ffffff; border-color: var(--hairline); }

/* Accordion hover wash reads on light */
.section--light .acc-head:hover { background: rgba(16, 37, 67, 0.04); }

/* Terminal mini-cells & time-list dividers inside light accordions */
.section--light .term-cell { background: #f4f7fc; }
.section--light .time-list .tl { border-bottom-color: rgba(16, 37, 67, 0.08); }

/* Comparison rows: keep warm-gold "ours" tint, just firm up dividers */
.section--light .compare__head .ch-theirs span,
.section--light .compare__head .ch-ours span { color: var(--muted); }

/* ============================================================
   TESTIMONIALS — light section, DARK carousel stage
   ============================================================ */
#reviews.section--light .t3__viewport {
  background: linear-gradient(165deg, #0d1b30 0%, #0a1426 100%);
  border-radius: var(--r-xl);
  padding: 30px 26px;
  box-shadow: var(--sh-lg);
}
/* Re-darken tokens for everything inside the carousel stage */
#reviews.section--light .t3__viewport {
  --glass: rgba(150, 185, 230, 0.06);
  --glass-2: rgba(150, 185, 230, 0.10);
  --hairline: rgba(150, 185, 230, 0.16);
  --hairline-strong: rgba(150, 185, 230, 0.28);
  --ink: #eef4ff;
  --ink-soft: #c7d6ec;
  --muted: #8ba3c4;
  --gold: #ecbd6e;
  --gold-bright: #f7d599;
  --ocean-bright: #6fd2f0;
}
#reviews.section--light .t3-card {
  background: rgba(150, 185, 230, 0.05);
  border-color: rgba(150, 185, 230, 0.14);
}