:root {
    /* === Primary Colors === */
    --primary-blue: #4892FE;
    --primary-blue-hover: #365dbf;
    --secondary-blue: #4a76fd;

    /* === Accent Colors === */
    --accent-yellow: #FFE37A;
    --orange: #FA9D2A;
    --green: #1FCC65;
    --green-light: #4BD884;
    --danger: #e50117;

    /* === Neutrals === */
    --black: #000000;
    --white: #ffffff;
    --extra-light-gray: #fcfcfc;
    --light-gray: #f9f9f9;
    --lightest-white: #fdfdff;
    --gray: #696969;
    --dark-gray: #B9B9B9;
    --medium-gray: #969B9F;
    --deep-gray: #33343d;
    --neutral-gray: #555555;

    /* === Utility / Special === */
    --navy-black: #010314;
    --sky-blue: #3f90ff;
}