:root { --deep-purple: #3C2F54; --deep-purple-deep: #2A1F3D; --gold: #C4B258; --gold-soft: #D8C97A; --violet: #413F81; --hairline-dark: rgba(223,222,221,0.16); --charcoal: #2A2B33; --comet: #5B5877; --lilac: #908CA6; --pale-lilac: #D0CEE0; --chalk: #DFDEDD; --off-white: #F7F6F3; --off-white-2: #EFEDE7; --white: #FFFFFF; --hairline: rgba(60,47,84,0.10); --ink: #3C2F54; --btn-primary-bg: #3C2F54; --btn-primary-bg-hover: #2D2243; --btn-primary-text: #DFDEDD; --btn-ghost-border: rgba(60,47,84,0.20); --header-bg: rgba(247,246,243,0.82); --toggle-border: rgba(60,47,84,0.10); --hero-fade-92: rgba(247,246,243,0.92); --hero-fade-55: rgba(247,246,243,0.55); --hero-fade-0: rgba(247,246,243,0); --hero-bg-opacity: 1; --hero-bg-blend: normal; --card-surface: #F7F6F3; --panel-surface: #FFFFFF; --icon-bg: #3C2F54; --icon-fg: #C4B258; --what-surface: #F7F6F3; --mobile-panel-surface: #F7F6F3; --navigation-text-hover: #3c2f54; --capability-border-hover: rgba(60,47,84,0.22);}