:root {
    --primary-50: #EEFAFF;
    --primary-100: #DCF6FF;
    --primary-200: #B2EFFF;
    --primary-300: #6DE5FF;
    --primary-400: #20D9FF;
    --primary-500: #00C5FF;
    --primary-600: #009FDF;
    --primary-700: #0077B8; /* Base Color */
    --primary-800: #006A94;
    --primary-900: #004C6A;
    --primary-950: #003851;
    --primary-1000: #002F45;
    --secondary-50: #e6edf4; /* Lightest */
    --secondary-100: #c2cfe3;
    --secondary-200: #9db2d2;
    --secondary-300: #7994c1;
    --secondary-400: #5576b0;
    --secondary-500: #31599f;
    --secondary-600: #243f7f;
    --secondary-700: #1B3760; /* Base color */
    --secondary-800: #172e51;
    --secondary-900: #122542;
    --secondary-950: #0e1c34; /* Darkest */
    --tertiary-50: #f2e6f6; /* Lightest */
    --tertiary-100: #e0ccea;
    --tertiary-200: #ce9bde;
    --tertiary-300: #814C9E; /* Base color */
    --tertiary-400: #754590;
    --tertiary-500: #693f82;
    --tertiary-600: #5d3874;
    --tertiary-700: #512a66;
    --tertiary-800: #452158;
    --tertiary-900: #38184a;
    --tertiary-950: #2c0f3c; /* Darkest */
    --backdrop: 0, 47, 69;
}