:root {
    --orange: #FF6B35;
    --blue: #3A86FF;
    --purple: #8338EC;
    --black: #141414;
    --white: #F8F9FA;
    --yellow: #FFBE0B;
    --green: #06D6A0;

    --bg-orange: #FFE6D8;
    --bg-blue: #D8EEFE;
    --bg-purple: #E9D8FF;
    --bg-green: #D8FFF1;
    --bg-yellow: #FFEFD8;

    --font-primary: 'Zalando Sans', sans-serif;
    --font-heading: 'Jersey 25', sans-serif;

    --border-width: 3px;
    --border-width-bold: 4px;

    --shadow-offset: 4px;
    --shadow-offset-large: 8px;

    --space-xs: 10px;
    --space-sm: 15px;
    --space-md: 20px;
    --space-lg: 30px;
    --space-xl: 40px;
    --space-xxl: 80px;

    --radius-none: 0;

    --transition-speed: 0.2s;
    --transition-ease: ease;
}