:root {
    --blue-darkest: #1E3A8A;
    --blue-dark: #2563EB;
    --blue-default: #0071E3;
    --blue-light: #60A5FA;
    --blue-secondary: #A1E3F9;
    --blue-lightest: #D1F8EF;
    --blue-pale: #E0F2FF;

    --blue-800: #1D4ED8;
    --blue-700: #3B82F6;
    --blue-600: #2563EB; 
    --blue-500: #4F46E5;
    --blue-400: #60A5FA;
    --blue-300: #93C5FD;
    --blue-200: #BFDBFE;
    --blue-100: #E0F2FF; 

    --white-default: #FFFFFF;
    --white-secondary: #F9F9F9;
    --white-muted: #F5F5F5;
    --white-ghost: #EFEFEF;

    --black-default: #000000;
    --black-dark: #0D0D0D;
    --black-secondary: #222222;
    --black-muted: #333333;

    --gray-900: #1C1C1C;
    --gray-800: #2F2F2F;
    --gray-700: #4A4A4A;
    --gray-600: #535862;
    --gray-500: #73777F;
    --gray-400: #A0A4AB;
    --gray-300: #C0C0C5;
    --gray-200: #E0E0E0;
    --gray-100: #F2F2F2;
    --gray-muted: #D6D6D6;

    --blue-accent: #4F46E5;
    --blue-hover: #0056B3;
    --grey-muted: #D6D6D6;
}