:root { --white: #fff; --primary: #f96706; --secondary: #4d9dff; --base: #141e34; --text: #627593; --primary-hover: hsla(46, 100%, 65%, 0.8); --secondary-hover: hsla(229, 58%, 13%, 0.8); --light: hsl(0, 0%, 96%); --border: hsl(0, 0%, 91%); --white-80: hsla(0, 0%, 100%, 0.8); --icon-bg-secondary: hsla(213, 100%, 65%, 0.1); --accent: #20c55d; --icon-bg-accent: hsla(142, 72%, 45%, 0.1); --icon-bg-primary: hsla(24, 95%, 50%, 0.1); --secondary-dark: #134fae; --warning: #ef4444; --icon-bg-warning: hsla(0, 84%, 60%, 0.1); --secondary-light: #ebf4ff; --heading: #171c26; --bg-light: #f4f7fa; --text-on-base-bg: hsla(210, 40%, 96%, 0.7); --white-70: hsla(0, 0%, 100%, 0.7); --gray: #f9fafb;}