/* ============================================================
   Theme: LIGHT · Fraunces + Inter Tight
   Bone everywhere — no dark bands. Amber stays the accent.
   ============================================================ */
:root {
  --surface-paper:    #faf7f1;
  --surface-paper-2:  #f1ece0;
  --surface-paper-3:  #e6dfcd;
  --surface-ink:      #faf7f1;   /* "ink" sections become warm cream */
  --surface-ink-2:    #f1ece0;

  --fg-1: #2e271c;
  --fg-2: #5a4f3d;
  --fg-3: #8a7e68;

  /* On-ink (which is now cream) — reuse the paper fg scale */
  --fg-on-ink-1: #2e271c;
  --fg-on-ink-2: #5a4f3d;
  --fg-on-ink-3: #8a7e68;
  --border-on-ink: rgba(22,18,12,0.14);
}

/* Hero / process / quote / footer — rebalance the dark assumptions */
.hero { background: var(--surface-paper-2) !important; color: var(--fg-1) !important; }
.hero::before { opacity: 0.3; }
.hero h1 { color: var(--ink-800) !important; }
.hero h1 em { color: var(--amber-600) !important; }
.hero-lead { color: var(--fg-2) !important; }
.hero .eyebrow { color: var(--fg-3) !important; }
.hero-bar { border-top-color: var(--border-hair-strong) !important; }
.hero-bar-item .n { color: var(--amber-600) !important; }
.hero-bar-item .l { color: var(--fg-3) !important; }
.btn-ghost { color: var(--ink-800) !important; border-color: var(--border-hair-strong) !important; }

.hero-viz { background: var(--ink-800); border-color: var(--border-hair-strong); }

.process { background: var(--surface-paper-3) !important; color: var(--fg-1) !important; }
.process h2 { color: var(--ink-800) !important; }
.process .sec-head p { color: var(--fg-2) !important; }
.process .eyebrow { color: var(--fg-3) !important; }
.process-steps { border-top-color: var(--border-hair-strong) !important; border-bottom-color: var(--border-hair-strong) !important; }
.p-step { border-right-color: var(--border-hair-strong) !important; }
.p-step h3 { color: var(--ink-800) !important; }
.p-step p { color: var(--fg-2) !important; }
.p-step .n { color: var(--amber-600) !important; }
.p-step .time { color: var(--fg-3) !important; }

.quote-sec { background: var(--surface-paper-3) !important; color: var(--fg-1) !important; }
.quote-body { color: var(--ink-800) !important; }
.quote-body em { color: var(--amber-600) !important; }
.quote-mark { color: var(--amber-500) !important; }
.quote-cite { border-top-color: var(--border-hair-strong) !important; }
.quote-who .n { color: var(--ink-800) !important; }
.quote-who .r { color: var(--fg-3) !important; }
.quote-avatar { background: var(--ink-300) !important; }

.price.feat { background: var(--ink-800) !important; color: var(--ink-0) !important; }
/* ↑ keep featured tier dark — it's the one accent card */

.foot { background: var(--ink-800) !important; color: var(--fg-on-ink-2) !important; }
.foot-brand p { color: #c9c0ae; }
.foot-col h5 { color: #c9c0ae; }
.foot-col a { color: #c9c0ae; }
.foot-bot { color: #c9c0ae; border-top-color: rgba(246,242,234,0.14); }

.nav { background: rgba(250,247,241,0.78) !important; }
.nav-cta { background: var(--ink-800); color: var(--ink-0); border-color: var(--ink-800); }