: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: #e6f2f5; /* Lightest */
    --secondary-100: #c2e0ea;
    --secondary-200: #99c8d8;
    --secondary-300: #70afc6;
    --secondary-400: #4998b3;
    --secondary-500: #2b82a0;
    --secondary-600: #1d6b8e;
    --secondary-700: #004C6A; /* Base color */
    --secondary-800: #003b52;
    --secondary-900: #002c3d;
    --secondary-950: #001621; /* Darkest */
    --tertiary-50: #ffece7;
    --tertiary-100: #ffd6cc;
    --tertiary-200: #ffb3a3;
    --tertiary-300: #E96E50; /* Base color */
    --tertiary-400: #cc5f45;
    --tertiary-500: #b3533c;
    --tertiary-600: #994731;
    --tertiary-700: #803a26;
    --tertiary-800: #66301f;
    --tertiary-900: #4d2417;
    --tertiary-950: #29130d; /* Darkest */
    --backdrop: 0, 47, 69;
}