/* ============================================================
   Felix Day — minimal brand accent overlay
   ------------------------------------------------------------
   Restrained per NN/g + CXL guidance:
   - Primary CTA carries the single warm accent (Hero Orange) so it
     reads as THE conversion action on the page.
   - Trust Blue is reserved for trust signals only (verified marks,
     trust list, search-bar focus) — earned credibility, not decoration.
   - Everything else stays on the existing Noviatic-style neutral
     palette so the CTA actually wins the eye.
   - Sun Yellow, Cream Peach, Night and Cocoa wash are deliberately
     NOT applied — they were over-saturating the page.

   Drop this file's <link> after styles.css to apply. Delete the file
   + remove the <link> tag to revert.
   ============================================================ */

:root {
  --felix-hero:  #F97800;   /* Primary CTA — Hero Orange */
  --felix-trust: #3D6FE8;   /* Trust signals — Trust Blue */
  --felix-sun:   #FFBC01;   /* Selected state — Sun Yellow */
}

/* ---- Primary CTA: Hero Orange (only application of warm accent) -- */
.cta-primary {
  background: var(--felix-hero);
  color: #ffffff;
}
.cta-primary:hover { background: #e36b00; }

/* ---- Trust signals: Trust Blue ----------------------------------- */
.trust-icon { color: var(--felix-trust); }
.verified .check,
.seller-by .verified-check { color: var(--felix-trust); }
.trust-text .trust-sub a { color: var(--felix-trust); }

/* ---- Required-field asterisk: Hero Orange (warmer than pure red) - */
.required-asterisk { color: var(--felix-hero); }

/* ---- Search-bar focus: Trust Blue ring --------------------------- */
.search-bar:focus-within {
  border-color: var(--felix-trust);
  box-shadow: 0 0 0 3px rgba(61, 111, 232, 0.1);
}

/* ---- Selected chip / amount card / format chip: soft cream ------- */
.amount-grid .tag-pill.active,
.chip-group .tag-pill.active {
  background: #fee7c5;
  color: var(--color-text-primary);
  border: 1px solid var(--color-text-primary);
}

/* ---- Warm brand surface — unified #fee7c5 across the site -------- */

/* Gift-card image backgrounds (homepage cards + PDP product image)
   collapse all the previous tone-a..tone-h variants into one cream */
.gc-image,
.gc-image.tone-a,
.gc-image.tone-b,
.gc-image.tone-c,
.gc-image.tone-d,
.gc-image.tone-e,
.gc-image.tone-f,
.gc-image.tone-g,
.gc-image.tone-h,
.pdp-image {
  background: #fee7c5;
}

/* Step badges (1, 2) match the selected-state cream */
.step-badge {
  background: #fee7c5;
  border-color: rgba(36, 29, 18, 0.18);
}

/* Discount-code chip sits on the same cream */
.seller-discount .code {
  background: #fee7c5;
  border-color: rgba(36, 29, 18, 0.18);
}