:root{--heading-font: "Caprasimo", cursive;--primary-blue: rgb(33 57 102);--primary-red: rgb(252, 80, 80);--primary-green: rgb(133 219 152);--black: #000;--white: rgb(249, 249, 243);--gray-100: rgb(238, 238, 238);--gray-200: rgb(190, 190, 190);--gray-400: rgb(76, 78, 82);--gray-800: rgb(88, 88, 88);--gray-border: #999;--spotify-green: #1db954;--applemusic-pink: #fa2d48;--applemusic-dark: #d91e3a;--bg-main: var(--white);--bg-overlay: rgba(255, 255, 255, .5);--bg-gradient-fade: linear-gradient( to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 76%, rgba(255, 255, 255, 1) 100% );--bg-applemusic-gradient: linear-gradient(180deg, #fa2d48 0%, #d91e3a 100%);--text-primary: var(--primary-blue);--text-light: var(--white);--text-dark: #000;--text-secondary: rgb(156, 163, 175);--border-primary: var(--primary-blue);--border-subdued: var(--gray-border);--border-width: 2px;--border-main: var(--border-width) solid var(--primary-blue);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--glitch-purple: rgb(125, 103, 248);--glitch-dark-purple: rgb(49, 38, 92);--glitch-white: #fff;--scroll-height-reduction-mobile: 10px;--scroll-height-reduction-desktop: 8px;--animate-fast: .2s;--text-xs: .694rem;--text-sm: .833rem;--text-base: 1rem;--text-md: 1.2rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 3rem;--leading-tight: 1.2;--leading-base: 1.5;--leading-relaxed: 1.75;--space-1: .5rem;--space-2: .75rem;--space-3: 1.125rem;--space-4: 1.5rem;--space-6: 2.25rem;--space-8: 3rem;--space-12: 4.5rem;--space-16: 6rem}