/* ── index.html ── */
/* Daybreak Pro override fragment. Loads AFTER style.css — equal specificity
   wins, so no !important is needed anywhere on this page.
   UNFIXABLE-INLINE ITEMS: none. index.html carries no inline style=""
   colours, and app.js injects no colours (it only sets the progress-fill
   width %, which stays token-driven). */

/* Tokens — body-scoped so they beat style.css's :root block.
   NOTE: --green/--green-dark/--green-soft must be re-declared here even
   though style.css aliases them to the navy vars: var() inside a custom
   property is substituted eagerly at :root, so redefining --navy alone
   would not propagate. */
body {
  /* ground */
  --bg: #f2f4f7;
  --surface: #ffffff;
  --surface-soft: #f7f9fb;
  --border: #e3e7ec;
  --border-strong: #d6dce3;
  --text: #1b2430;
  --text-soft: #38424e;
  --muted: #66707d;

  /* brand — navy unchanged, gold → bronze on light ground */
  --navy: #1e3f6b;
  --navy-dark: #163254;
  --navy-soft: #e9eef5;
  --gold: #a8842c;
  --gold-dark: #7a6321;
  --gold-soft: #f5efdd;
  --green: #1e3f6b;
  --green-dark: #163254;
  --green-soft: #e9eef5;

  /* shape + depth: cards 12px, hairline instead of shadow */
  --r-card: 12px;
  --r-float: 12px;
  --sh-card: none;
}

/* Type: 800 → 700, tighter tracking on titles */
.brand__title,
.sectionHeader__title,
.successPanel__title {
  font-weight: 700;
  letter-spacing: -0.015em;
}
.stepMeta__value {
  font-weight: 700;
}
.brand__eyebrow,
.stepMeta__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

/* Inputs: hairline border, navy-muted focus (danger .invalid outranks these) */
input,
select,
textarea {
  border-color: #e3e7ec;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #2c4a73;
  box-shadow: 0 0 0 3px #e9eef5;
}
input::placeholder,
textarea::placeholder {
  color: #8b95a1;
}

/* Gold-tinted glows → bronze (colour swap only) */
.stepper__step.is-active {
  box-shadow: 0 0 0 3px rgba(168, 132, 44, 0.2);
}
.successPanel__check {
  box-shadow: 0 4px 14px rgba(30, 63, 107, 0.3), 0 0 0 4px rgba(168, 132, 44, 0.16);
}

/* Buttons: primary carries no shadow */
.primaryBtn:hover {
  box-shadow: none;
}