:root { --primary: #a3c4d9; --primary-dark: #829dae; --primary-ultra-dark: #627682; --primary-light: #f1f6f9; --primary-ultra-light: #fafcfd; --secondary: #d4af37; --secondary-ultra-dark: #7f6921; --secondary-dark: #aa8c2c; --secondary-light: #f9f3e1; --secondary-ultra-light: #fdfbf5; --tertiary: #d49cb9; --tertiary-ultra-dark: #7f5e6f; --tertiary-dark: #aa7d94; --tertiary-light: #f9f0f5; --tertiary-ultra-light: #fdfafc; --accent: #b98d01; --accent-ultra-dark: #6f5501; --accent-dark: #947101; --accent-light: #f5eed9; --accent-ultra-light: #fcf9f2; --neutral: #e9e9e9; --neutral-ultra-dark: #ebebeb; --neutral-dark: #efefef; --neutral-light: #fcfcfc; --neutral-ultra-light: #fefefe; --base: #424141; --base-ultra-dark: #282727; --base-dark: #353434; --base-light: #e3e3e3; --base-ultra-light: #f6f6f6; --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; --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9);}