/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: gradient utilities.
 *
 * The Brand Gradient is a sanctioned style in Mikael's export
 * (color.styles.tokens.json). But these utility classes that paint it
 * onto text / backgrounds / borders are landing-page-specific
 * decorative patterns. Use `.pill--gradient` for the system-sanctioned
 * gradient pill application.
 */

/* ---------- Brand-gradient background (Lifetime "Full access" pill) ---------- */
.bg-gradient-brand {
  background-image: var(--brand-gradient);
}

/* ---------- Brand-gradient border (Lifetime pricing card) ---------- */
/* Two-layer background: surface-1 fills the padding-box, brand gradient
 * fills the border-box. The transparent border lets the gradient show
 * through as a 2px ring around the card. */
.bordered-gradient-brand {
  border: var(--stroke-weight-2) solid transparent;
  background-image:
    linear-gradient(var(--background-surface-1), var(--background-surface-1)),
    var(--brand-gradient);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
}