/* ============================================================
   Goldsboro overrides for the tahar2026 "Steel & Sunlight" system.
   The base template was designed around a sky-blue accent. Goldsboro's
   brand is yellow (#FFCC29), so two things need correcting:
     1. Contrast — yellow + white text is unreadable; use dark "ink"
        text on every yellow surface (the classic industrial look).
     2. Cohesion — the template hard-codes a few sky-blue values
        (#6fc8ef, rgba(38,159,216,...)); re-point them to the brand gold.
   Loaded AFTER tahar2026.css so these win.
   ============================================================ */

/* --- 1. contrast: dark text on yellow brand surfaces --- */
.btn--amber {
  color: var(--ink);
  box-shadow: 0 4px 14px -4px rgba(204, 155, 0, .55);
}
.btn--amber:hover {
  color: var(--ink);
  box-shadow: 0 8px 22px -6px rgba(204, 155, 0, .6);
}

.cta-band { color: var(--ink); }
.cta-band p { color: var(--ink-2); }
.cta-band .btn--ghost {
  border-color: rgba(22, 36, 47, .5);
  color: var(--ink);
  background: rgba(255, 255, 255, .28);
}
.cta-band .btn--ghost:hover {
  border-color: var(--ink);
  background: rgba(255, 255, 255, .45);
}

/* --- 2. readable gold for accent text on light backgrounds --- */
/* brand-deep (#FFC200) is too light on near-white; use deep gold */
.kicker { color: var(--wss-secondary-700); }
.info-card .link-more,
.spot-card__body span { color: var(--wss-secondary-700); }
.header__phone svg,
.loc-item__icon svg,
.faq-item summary .chev svg { color: var(--wss-secondary-700); }

/* --- 3. cohesion: swap leftover sky-blue accents for gold --- */
.hero__stat b { color: #ffd23e; }
.unit-card__sqft { color: #ffd23e; }
.promo-strip a,
.footer__lockup .brand__name em { color: #ffd23e; }

/* feature icons + hover borders were blue-tinted */
.feature__icon {
  background: rgba(255, 204, 41, .14);
  border-color: rgba(255, 204, 41, .42);
}
.feature:hover { border-color: rgba(255, 204, 41, .5); }

/* form focus ring (used on contact/about pages) */
.field input:focus,
.field select:focus,
.field textarea:focus {
  box-shadow: 0 0 0 3px rgba(255, 204, 41, .35);
}

/* unit-card "door" sqft label sits on dark steel — gold reads well */
.unit-card__door .unit-card__sqft { color: #ffd23e; }