/* Signature material: lit 3D spheres and discs. Use as `background` values. */
:root{
/* Base spheres: radial-gradient(circle at 35% 30%, ...) */
--sphere-coral:radial-gradient(circle at 35% 30%, #FFA27A 0%, #FF7A45 20%, #FF5F2E 40%, #DB4518 68%, #A3300F 100%); /* @kind other */
--sphere-terra:radial-gradient(circle at 35% 30%, #DA8A66 0%, #C56B46 24%, #B15A37 46%, #8E4227 74%, #6E3019 100%); /* @kind other */
--sphere-teal:radial-gradient(circle at 35% 30%, #6F9497 0%, #3F6A70 30%, #22434A 66%, #142A2E 100%); /* @kind other */
--sphere-teal-lite:radial-gradient(circle at 35% 30%, #86AAAC 0%, #5E8A8E 22%, #3F6A70 46%, #2A4F55 76%, #1E3B40 100%); /* @kind other */
--sphere-pearl:radial-gradient(circle at 35% 30%, #FFFFFF 0%, #F4F5F2 22%, #DCE3E1 48%, #A9BAB8 78%, #7B9493 100%); /* @kind other */
/* Step-done check sphere (18px) */
--sphere-check:radial-gradient(circle at 32% 28%, #FFAA85 0%, #FF5F2E 45%, #B15A37 100%); /* @kind other */
/* Lighting layers stacked on top of a base sphere (floating balls) */
--sphere-specular:radial-gradient(circle at 31% 25%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.5) 4%, rgba(255,255,255,0) 11%); /* @kind other */
--sphere-sheen:radial-gradient(ellipse 55% 40% at 36% 26%, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0) 72%); /* @kind other */
--sphere-rim:radial-gradient(circle at 70% 84%, rgba(255,236,224,0.4) 0%, rgba(255,236,224,0) 18%); /* @kind other */
--sphere-bounce:radial-gradient(circle at 70% 86%, rgba(80,130,134,0.42) 0%, rgba(80,130,134,0) 34%); /* @kind other */
/* Large background discs: flat color + this light, with --shadow-disc */
--disc-light:radial-gradient(circle at 30% 24%, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.1) 9%, rgba(255,255,255,0) 22%), radial-gradient(ellipse 70% 55% at 34% 28%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 70%), radial-gradient(circle at 74% 80%, rgba(5,16,19,0.26) 0%, rgba(5,16,19,0) 58%); /* @kind other */
/* Other gradients */
--gradient-progress:linear-gradient(90deg, #FF5F2E, #B15A37); /* @kind other */
--gradient-trustpilot-half:linear-gradient(90deg, #00B67A 50%, #24474D 50%); /* @kind other */
--gradient-mascot-floor:radial-gradient(ellipse at center, rgba(5,16,19,0.6) 0%, rgba(5,16,19,0) 70%); /* @kind other */
--mask-thread:linear-gradient(to bottom, transparent 0, #000 36px, #000 calc(100% - 20px), transparent 100%); /* @kind other */
}