:root {--primary: #38adec;--primary-dark: #2d8abd;--primary-ultra-dark: #22688e;--primary-light: #e1f3fc;--primary-ultra-light: #f5fbfe;--primary-trans-10: rgba(56, 173, 236, 0.1);--primary-trans-20: rgba(56, 173, 236, 0.2);--primary-trans-30: rgba(56, 173, 236, 0.3);--primary-trans-40: rgba(56, 173, 236, 0.4);--primary-trans-50: rgba(56, 173, 236, 0.5);--primary-trans-60: rgba(56, 173, 236, 0.6);--primary-trans-70: rgba(56, 173, 236, 0.7);--primary-trans-80: rgba(56, 173, 236, 0.8);--primary-trans-90: rgba(56, 173, 236, 0.9);--secondary: #ffbe0b;--secondary-ultra-dark: #997207;--secondary-dark: #cc9809;--secondary-light: #fff5da;--secondary-ultra-light: #fffcf3;--base: #4d4d66;--base-ultra-dark: #2e2e3d;--base-dark: #3e3e52;--base-light: #e4e4e8;--base-ultra-light: #f6f6f7;--white: #ffffff;--white-trans-10: rgba(255, 255, 255, 0.1);--white-trans-20: rgba(255, 255, 255, 0.2);--white-trans-30: rgba(255, 255, 255, 0.3);--white-trans-40: rgba(255, 255, 255, 0.4);--white-trans-50: rgba(255, 255, 255, 0.5);--white-trans-60: rgba(255, 255, 255, 0.6);--white-trans-70: rgba(255, 255, 255, 0.7);--white-trans-80: rgba(255, 255, 255, 0.8);--white-trans-90: rgba(255, 255, 255, 0.9);--black: #000000;}