:root{
  /* ShiftFree uses hairline borders and light-emitting radial washes instead of drop shadows.
     The only "shadow"-like devices are these ambient glows and the marquee mask. */
  --sf-glow-hero-left:radial-gradient(1100px 560px at 12% -10%,rgba(95,227,211,0.10),transparent 60%); /* @kind shadow */
  --sf-glow-hero-right:radial-gradient(900px 520px at 88% 8%,rgba(99,150,245,0.10),transparent 62%); /* @kind shadow */
  --sf-glow-page-top:radial-gradient(900px 480px at 20% -10%,rgba(95,227,211,0.10),transparent 60%); /* @kind shadow */
  --sf-glow-cta-bottom:radial-gradient(800px 400px at 50% 120%,rgba(95,227,211,0.14),transparent 62%); /* @kind shadow */

  --sf-mask-marquee:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); /* @kind other */

  --sf-hairline:1px solid var(--sf-border-default); /* @kind other */
  --sf-hairline-strong:1px solid var(--sf-border-strong); /* @kind other */
  --sf-hairline-accent:1px solid var(--sf-border-accent); /* @kind other */

  /* accent rule used to flag the money line */
  --sf-rule-accent:2px solid var(--sf-teal); /* @kind other */
}