/* ==========================================================================
   STAY FREE ENTERPRISE — gold-foil utility
   Gold rendered as MATERIAL on ivory, never additive/emissive light
   (plan §2 palette governance + §4 design system: "gold = foil, not
   glow"). Textured gradient fill + a background-clip:text variant +
   a GSAP sheen-sweep utility (foil-sheen.js) that runs ONCE per element
   on scroll-into-view. Never used decoratively outside gold's governed
   roles (foil badges, the boarding-pass stamp, headline accents).
   ========================================================================== */

.sf-foil,
.sf-foil-text {
  background-image: linear-gradient(
    115deg,
    var(--sf-gold-700) 0%,
    var(--sf-gold-300) 20%,
    var(--sf-gold) 42%,
    #EFDFAE 52%,
    var(--sf-gold-500) 68%,
    var(--sf-gold-700) 100%
  ); /* stops re-derived from the 3D logo's gold range (2026-07-10) */
  background-size: 240% 100%;
  background-position: 0% 0%;
}

/* fill variant — solid shapes (badges, the boarding-pass stamp ring) */
.sf-foil {
  background-color: var(--sf-gold); /* fallback if gradients unsupported */
  box-shadow: var(--sf-shadow-gold-edge), inset 0 1px 0 rgba(255,255,255,.25);
}

/* text variant — headline accents, the boarding-pass "SF" stamp glyph */
.sf-foil-text {
  color: var(--sf-gold); /* fallback */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* engraved-edge shadow: sells foil as a pressed/stamped material, not glow */
.sf-foil--engraved {
  box-shadow: var(--sf-shadow-gold-edge), var(--sf-elevation-1);
}

@media (prefers-reduced-motion: reduce) {
  .sf-foil, .sf-foil-text { background-position: 0% 0%; }
}