:root{--homepage-bg:hsl(0,0%,100%);--homepage-text:hsl(210,40%,98%);--homepage-accent-bg:hsl(210,40%,98%);--homepage-white:hsl(0,0%,100%);--homepage-surface:hsl(200,61%,16%);--homepage-card:hsl(200,61%,15%);--homepage-card-foreground:hsl(210,40%,98%);--homepage-text-primary:hsl(210,40%,98%);--homepage-text-secondary:hsl(210,20%,85%);--homepage-text-muted:hsl(210,15%,70%);--homepage-border:hsl(200,30%,25%);--homepage-input:hsl(200,50%,18%);--homepage-ring:hsl(171,56%,74%);--homepage-accent:hsl(171,56%,74%);--homepage-accent-purple:hsl(262,100%,66%);--homepage-primary:hsl(200,61%,13%);--homepage-navbar:hsl(200,61%,13%);--homepage-navbar-text:hsl(210,40%,98%);--homepage-navbar-hover:hsl(171,56%,74%);--gradient-primary:linear-gradient(135deg,hsl(171,56%,74%),hsl(262,100%,66%));--gradient-teal:linear-gradient(135deg,hsl(171,56%,74%),hsl(171,56%,65%));--gradient-purple:linear-gradient(135deg,hsl(262,100%,66%),hsl(262,100%,55%));--gradient-brand:linear-gradient(135deg,hsl(200,61%,13%),hsl(200,61%,18%));--homepage-radius:0.75rem;--homepage-shadow:0 10px 25px -3px rgba(13,36,52,0.1),0 4px 6px -2px rgba(13,36,52,0.05);--homepage-shadow-lg:0 25px 50px -12px rgba(13,36,52,0.25)}