:root {
/* warm gray */
--warm-gray-900: #100e0a;
--warm-gray-800: #201e1c;
--warm-gray-700: #4a4946;
--warm-gray-600: #656360;
--warm-gray-500: #757370;
--warm-gray-400: #979692;
--warm-gray-300: #bbb9b5;
--warm-gray-200: #dbd8d3;
--warm-gray-100: #f1f0ee;
--warm-gray-50: #fafaf9;
--warm-gray-00: #ffffff;

/* purple */
--purple-900: #240038;
--purple-800: #34054e;
--purple-700: #70209b;
--purple-600: #8c00cd;
--purple-500: #a833e0;
--purple-400: #c773f2;
--purple-300: #dea3fa;
--purple-200: #e9c8f7;
--purple-100: #f7e9fd;
--purple-50: #fcf6ff;

/* cobalt */
--cobalt-900: #00075f;
--cobalt-800: #010f8e;
--cobalt-700: #3206bd;
--cobalt-600: #4a00e2;
--cobalt-500: #5a55ff;
--cobalt-400: #7991fe;
--cobalt-300: #9cb5ff;
--cobalt-200: #c0d0ff;
--cobalt-100: #dee6ff;
--cobalt-50: #f2f5ff;

/* coral */
--coral-900: #4a0200;
--coral-800: #67000c;
--coral-700: #8f141c;
--coral-600: #ab1d17;
--coral-500: #d52d26;
--coral-400: #ff5d55;
--coral-300: #ff9687;
--coral-200: #f9b9b1;
--coral-100: #ffe3df;
--coral-50: #ffeff0;

/* orange */
--orange-900: #411e00;
--orange-800: #602a00;
--orange-700: #783500;
--orange-600: #974400;
--orange-500: #b75400;
--orange-400: #ea7214;
--orange-300: #ff9851;
--orange-200: #fec7a4;
--orange-100: #ffdecb;
--orange-50: #ffefe5;

/* yellow */
--yellow-900: #2d2000;
--yellow-800: #4b3500;
--yellow-700: #5c4512;
--yellow-600: #75581b;
--yellow-500: #916900;
--yellow-400: #c59126;
--yellow-300: #edae01;
--yellow-200: #f4cd8a;
--yellow-100: #ffe4b9;
--yellow-50: #fff2df;

/* green */
--green-900: #001a05;
--green-800: #002b10;
--green-700: #1c532d;
--green-600: #2b693d;
--green-500: #0c7f3e;
--green-400: #33aa5d;
--green-300: #69cd84;
--green-200: #9fe3ad;
--green-100: #cbf2d2;
--green-50: #effef1;

/* aqua */
--aqua-900: #09201d;
--aqua-800: #003c3b;
--aqua-700: #1c5150;
--aqua-600: #116867;
--aqua-500: #0f7c7a;
--aqua-400: #22a7a5;
--aqua-300: #00cfcd;
--aqua-200: #8be6e3;
--aqua-100: #c4f1ef;
--aqua-50: #e8fffe;

/* peach */
--peach-900: #280a00;
--peach-800: #38120c;
--peach-700: #6d3a33;
--peach-600: #834e46;
--peach-500: #965f57;
--peach-400: #bc8980;
--peach-300: #deada4;
--peach-200: #ffc5bb;
--peach-100: #f7e1dd;
--peach-50: #fff4f1;

/* eggplant */
--eggplant-900: #310244;
--eggplant-800: #3c194a;
--eggplant-700: #553460;
--eggplant-600: #70537a;
--eggplant-500: #806589;
--eggplant-400: #a58fac;
--eggplant-300: #c6b3cc;
--eggplant-200: #dfcee4;
--eggplant-100: #f0e4f4;
--eggplant-50: #fdf7ff;

/* dark blue */
--dark-blue-900: #110057;
--dark-blue-800: #031b53;
--dark-blue-700: #414579;
--dark-blue-600: #585a8a;
--dark-blue-500: #6a6b96;
--dark-blue-400: #9293b9;
--dark-blue-300: #b5b7d6;
--dark-blue-200: #d3d2e4;
--dark-blue-100: #e7e8ef;
--dark-blue-50: #f9f9ff;


/* --- Purple Base --- */
--gradient-purple-purple: linear-gradient(81deg, var(--purple-900) 0%, var(--purple-800) 100%);
--gradient-purple-cobalt: linear-gradient(81deg, var(--purple-700) 0%, var(--cobalt-700) 100%);
--gradient-purple-dark-blue: linear-gradient(81deg, var(--purple-700) 0%, var(--dark-blue-900) 100%);
--gradient-purple-eggplant: linear-gradient(81deg, var(--purple-900) 0%, var(--eggplant-900) 100%);

/* --- Cobalt Base --- */
--gradient-cobalt-purple: linear-gradient(81deg, var(--cobalt-700) 0%, var(--purple-700) 100%);
--gradient-cobalt-cobalt: linear-gradient(81deg, var(--cobalt-800) 0%, var(--cobalt-700) 100%);
--gradient-cobalt-dark-blue: linear-gradient(81deg, var(--cobalt-800) 0%, var(--dark-blue-900) 100%);
--gradient-cobalt-eggplant: linear-gradient(81deg, var(--cobalt-900) 0%, var(--eggplant-900) 100%);
 
/* --- Dark Blue Base --- */
--gradient-dark-blue-purple: linear-gradient(81deg, var(--dark-blue-900) 0%, var(--purple-700) 100%);
--gradient-dark-blue-cobalt: linear-gradient(81deg, var(--dark-blue-900) 0%, var(--cobalt-700) 100%);
--gradient-dark-blue-dark-blue: linear-gradient(81deg, var(--dark-blue-900) 0%, var(--dark-blue-700) 100%);
--gradient-dark-blue-eggplant: linear-gradient(81deg, var(--dark-blue-900) 0%, var(--eggplant-900) 100%);

/* --- Eggplant Base --- */
--gradient-eggplant-purple: linear-gradient(81deg, var(--eggplant-900) 0%, var(--purple-700) 100%);
--gradient-eggplant-cobalt: linear-gradient(81deg, var(--eggplant-900) 0%, var(--cobalt-700) 100%);
--gradient-eggplant-dark-blue: linear-gradient(81deg, var(--eggplant-900) 25%, var(--dark-blue-800) 100%);
--gradient-eggplant-eggplant: linear-gradient(81deg, var(--eggplant-900) 0%, var(--eggplant-600) 100%);
 
/* --- Coral Base --- */
--gradient-coral-purple: linear-gradient(81deg, var(--coral-700) 0%, var(--purple-700) 100%);
--gradient-coral-peach: linear-gradient(81deg, var(--coral-900) 0%, var(--peach-700) 100%);
--gradient-coral-eggplant: linear-gradient(81deg, var(--coral-900) 25%, var(--eggplant-800) 100%);
--gradient-coral-coral: linear-gradient(81deg, var(--coral-900) 0%, var(--coral-600) 100%);


/* Brand Gradient */
--gradient-brand: linear-gradient(90deg, #FC003F 6.6%, #9E00CB 28.75%, #5000A5 62.36%, #110057 99.79%);
 
}

.brand-divider {
 width: 100%;
 height: 12px;
 background: var(--gradient-brand);
 
}

/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

background: linear-gradient(90deg, #FC003F 6.6%, #9E00CB 28.75%, #5000A5 62.36%, #110057 99.79%);