/* Keeping it here to show the background before app loads in the browser */


/* P A L E T T E */
:root {
	--black: 0, 0, 0;
	--white: 255, 255, 255;
	--slate-50: 248, 250, 252;
	--slate-100: 241, 245, 249;
	--slate-200: 226, 232, 240;
	--slate-300: 203, 213, 225;
	--slate-400: 148, 163, 184;
	--slate-500: 100, 116, 139;
	--slate-600: 71, 85, 105;
	--slate-700: 51, 65, 85;
	--slate-800: 30, 41, 59;
	--slate-900: 15, 23, 42;
	--slate-950: 2, 6, 23;
	--gray-50: 249, 250, 251;
	--gray-100: 243, 244, 246;
	--gray-200: 229, 231, 235;
	--gray-300: 209, 213, 219;
	--gray-400: 156, 163, 175;
	--gray-500: 107, 114, 128;
	--gray-600: 75, 85, 99;
	--gray-700: 55, 65, 81;
	--gray-800: 31, 41, 55;
	--gray-900: 17, 24, 39;
	--gray-950: 3, 7, 18;
	--zinc-50: 250, 250, 250;
	--zinc-100: 244, 244, 245;
	--zinc-200: 228, 228, 231;
	--zinc-300: 212, 212, 216;
	--zinc-400: 161, 161, 170;
	--zinc-500: 113, 113, 122;
	--zinc-600: 82, 82, 91;
	--zinc-700: 63, 63, 70;
	--zinc-800: 39, 39, 42;
	--zinc-900: 24, 24, 27;
	--zinc-950: 9, 9, 11;
	--neutral-50: 250, 250, 250;
	--neutral-100: 245, 245, 245;
	--neutral-200: 229, 229, 229;
	--neutral-300: 212, 212, 212;
	--neutral-400: 163, 163, 163;
	--neutral-500: 115, 115, 115;
	--neutral-600: 82, 82, 82;
	--neutral-700: 64, 64, 64;
	--neutral-800: 38, 38, 38;
	--neutral-900: 23, 23, 23;
	--neutral-950: 10, 10, 10;
	--stone-50: 250, 250, 249;
	--stone-100: 245, 245, 244;
	--stone-200: 231, 229, 228;
	--stone-300: 214, 211, 209;
	--stone-400: 168, 162, 158;
	--stone-500: 120, 113, 108;
	--stone-600: 87, 83, 78;
	--stone-700: 68, 64, 60;
	--stone-800: 41, 37, 36;
	--stone-900: 28, 25, 23;
	--stone-950: 12, 10, 9;
	--red-50: 254, 242, 242;
	--red-100: 254, 226, 226;
	--red-200: 254, 202, 202;
	--red-300: 252, 165, 165;
	--red-400: 248, 113, 113;
	--red-500: 239, 68, 68;
	--red-600: 220, 38, 38;
	--red-700: 185, 28, 28;
	--red-800: 153, 27, 27;
	--red-900: 127, 29, 29;
	--red-950: 69, 10, 10;
	--orange-50: 255, 247, 237;
	--orange-100: 255, 237, 213;
	--orange-200: 254, 215, 170;
	--orange-300: 253, 186, 116;
	--orange-400: 251, 146, 60;
	--orange-500: 249, 115, 22;
	--orange-600: 234, 88, 12;
	--orange-700: 194, 65, 12;
	--orange-800: 154, 52, 18;
	--orange-900: 124, 45, 18;
	--orange-950: 67, 20, 7;
	--amber-50: 255, 251, 235;
	--amber-100: 254, 243, 199;
	--amber-200: 253, 230, 138;
	--amber-300: 252, 211, 77;
	--amber-400: 251, 191, 36;
	--amber-500: 245, 158, 11;
	--amber-600: 217, 119, 6;
	--amber-700: 180, 83, 9;
	--amber-800: 146, 64, 14;
	--amber-900: 120, 53, 15;
	--amber-950: 69, 26, 3;
	--yellow-50: 254, 252, 232;
	--yellow-100: 254, 249, 195;
	--yellow-200: 254, 240, 138;
	--yellow-300: 253, 224, 71;
	--yellow-400: 250, 204, 21;
	--yellow-500: 234, 179, 8;
	--yellow-600: 202, 138, 4;
	--yellow-700: 161, 98, 7;
	--yellow-800: 133, 77, 14;
	--yellow-900: 113, 63, 18;
	--yellow-950: 66, 32, 6;
	--lime-50: 247, 254, 231;
	--lime-100: 236, 252, 203;
	--lime-200: 217, 249, 157;
	--lime-300: 190, 242, 100;
	--lime-400: 163, 230, 53;
	--lime-500: 132, 204, 22;
	--lime-600: 101, 163, 13;
	--lime-700: 77, 124, 15;
	--lime-800: 63, 98, 18;
	--lime-900: 54, 83, 20;
	--lime-950: 26, 46, 5;
	--green-50: 240, 253, 244;
	--green-100: 220, 252, 231;
	--green-200: 187, 247, 208;
	--green-300: 134, 239, 172;
	--green-400: 74, 222, 128;
	--green-500: 34, 197, 94;
	--green-600: 22, 163, 74;
	--green-700: 21, 128, 61;
	--green-800: 22, 101, 52;
	--green-900: 20, 83, 45;
	--green-950: 5, 46, 22;
	--emerald-50: 236, 253, 245;
	--emerald-100: 209, 250, 229;
	--emerald-200: 167, 243, 208;
	--emerald-300: 110, 231, 183;
	--emerald-400: 52, 211, 153;
	--emerald-500: 16, 185, 129;
	--emerald-600: 5, 150, 105;
	--emerald-700: 4, 120, 87;
	--emerald-800: 6, 95, 70;
	--emerald-900: 6, 78, 59;
	--emerald-950: 2, 44, 34;
	--teal-50: 240, 253, 250;
	--teal-100: 204, 251, 241;
	--teal-200: 153, 246, 228;
	--teal-300: 94, 234, 212;
	--teal-400: 45, 212, 191;
	--teal-500: 20, 184, 166;
	--teal-600: 13, 148, 136;
	--teal-700: 15, 118, 110;
	--teal-800: 17, 94, 89;
	--teal-900: 19, 78, 74;
	--teal-950: 4, 47, 46;
	--cyan-50: 236, 254, 255;
	--cyan-100: 207, 250, 254;
	--cyan-200: 165, 243, 252;
	--cyan-300: 103, 232, 249;
	--cyan-400: 34, 211, 238;
	--cyan-500: 6, 182, 212;
	--cyan-600: 8, 145, 178;
	--cyan-700: 14, 116, 144;
	--cyan-800: 21, 94, 117;
	--cyan-900: 22, 78, 99;
	--cyan-950: 8, 51, 68;
	--sky-50: 240, 249, 255;
	--sky-100: 224, 242, 254;
	--sky-200: 186, 230, 253;
	--sky-300: 125, 211, 252;
	--sky-400: 56, 189, 248;
	--sky-500: 14, 165, 233;
	--sky-600: 2, 132, 199;
	--sky-700: 3, 105, 161;
	--sky-800: 7, 89, 133;
	--sky-900: 12, 74, 110;
	--sky-950: 8, 47, 73;
	--blue-50: 239, 246, 255;
	--blue-100: 219, 234, 254;
	--blue-200: 191, 219, 254;
	--blue-300: 147, 197, 253;
	--blue-400: 96, 165, 250;
	--blue-500: 59, 130, 246;
	--blue-600: 37, 99, 235;
	--blue-700: 29, 78, 216;
	--blue-800: 30, 64, 175;
	--blue-900: 30, 58, 138;
	--blue-950: 23, 37, 84;
	--indigo-50: 238, 242, 255;
	--indigo-100: 224, 231, 255;
	--indigo-200: 199, 210, 254;
	--indigo-300: 165, 180, 252;
	--indigo-400: 129, 140, 248;
	--indigo-500: 99, 102, 241;
	--indigo-600: 79, 70, 229;
	--indigo-700: 67, 56, 202;
	--indigo-800: 55, 48, 163;
	--indigo-900: 49, 46, 129;
	--indigo-950: 30, 27, 75;
	--violet-50: 245, 243, 255;
	--violet-100: 237, 233, 254;
	--violet-200: 221, 214, 254;
	--violet-300: 196, 181, 253;
	--violet-400: 167, 139, 250;
	--violet-500: 139, 92, 246;
	--violet-600: 124, 58, 237;
	--violet-700: 109, 40, 217;
	--violet-800: 91, 33, 182;
	--violet-900: 76, 29, 149;
	--violet-950: 46, 16, 101;
	--purple-50: 250, 245, 255;
	--purple-100: 243, 232, 255;
	--purple-200: 233, 213, 255;
	--purple-300: 216, 180, 254;
	--purple-400: 192, 132, 252;
	--purple-500: 168, 85, 247;
	--purple-600: 147, 51, 234;
	--purple-700: 126, 34, 206;
	--purple-800: 107, 33, 168;
	--purple-900: 88, 28, 135;
	--purple-950: 59, 7, 100;
	--fuchsia-50: 253, 244, 255;
	--fuchsia-100: 250, 232, 255;
	--fuchsia-200: 245, 208, 254;
	--fuchsia-300: 240, 171, 252;
	--fuchsia-400: 232, 121, 249;
	--fuchsia-500: 217, 70, 239;
	--fuchsia-600: 192, 38, 211;
	--fuchsia-700: 162, 28, 175;
	--fuchsia-800: 134, 25, 143;
	--fuchsia-900: 112, 26, 117;
	--fuchsia-950: 74, 4, 78;
	--pink-50: 253, 242, 248;
	--pink-100: 252, 231, 243;
	--pink-200: 251, 207, 232;
	--pink-300: 249, 168, 212;
	--pink-400: 244, 114, 182;
	--pink-500: 236, 72, 153;
	--pink-600: 219, 39, 119;
	--pink-700: 190, 24, 93;
	--pink-800: 157, 23, 77;
	--pink-900: 131, 24, 67;
	--pink-950: 80, 7, 36;
	--rose-50: 255, 241, 242;
	--rose-100: 255, 228, 230;
	--rose-200: 254, 205, 211;
	--rose-300: 253, 164, 175;
	--rose-400: 251, 113, 133;
	--rose-500: 244, 63, 94;
	--rose-600: 225, 29, 72;
	--rose-700: 190, 18, 60;
	--rose-800: 159, 18, 57;
	--rose-900: 136, 19, 55;
	--rose-950: 76, 5, 25;
}

:root {
	/* S I Z I N G */
	--content-width: 1200px;
	--space: 0.75rem;
	--font-size: 16px;
	--radius: 0.5rem;

	/* C O L O R S */
	--background: var(--gray-900); /* 13, 25, 33 */
	--background-minor: var(--cyan-950); /* 13, 39, 58 */
	--foreground: var(--white);
	--input: var(--background);
	--input-dark: var(--slate-950);
	--highlight: var(--yellow-400);
	--ring: var(--highlight);
	--primary: var(--cyan-500);
	--primary-foreground: var(--foreground);
	--primary-border: var(--cyan-400);
	--primary-hover: var(--cyan-600);
	--primary-muted: var(--cyan-900);
	--link: var(--primary);
	--secondary: var(--slate-800);
	--secondary-foreground: var(--primary);
	--secondary-hover: var(--slate-900);
	--tertiary: var(--slate-700);
	--tertiary-foreground: var(--primary);
	--tertiary-hover: var(--secondary-hover);
	--muted: var(--neutral-800);
	--muted-foreground: var(--neutral-400);
	--muted-light: var(--zinc-600);
	--border: var(--muted);
	--accent: var(--muted);
	--accent-foreground: var(--foreground);
	--safe: var(--green-400);
	--safe-foreground: var(--muted);
	--safe-hover: var(--green-500);
	--destructive: var(--red-700);
	--destructive-foreground: var(--foreground);
	--destructive-hover: var(--red-800);
	--edit: var(--blue-600);
	--success: var(--safe);
	--success-foreground: var(--safe-foreground);
	--success-muted: var(--green-200);
	--failure: var(--destructive);
	--failure-foreground: var(--destructive-foreground);
	--failure-muted: var(--red-200);
	--info: var(--gray-400);
	--info-dark: var(--slate-600);
	--info-light: var(--gray-200);
	--card: var(--neutral-950);
	--card-foreground: var(--foreground);
	--popover: 16, 33, 44;
	--popover-foreground: var(--foreground);
	--chart-1: var(--blue-600);
	--chart-2: var(--emerald-500);
	--chart-3: var(--yellow-400);
	--chart-4: var(--purple-500);
	--chart-5: var(--pink-400);
	--chart-6: var(--cyan-400);
	--win: var(--green-600);
	--win-foreground: var(--foreground);
	--draw: var(--orange-300);
	--draw-foreground: var(--zinc-700);
	--defeat: var(--red-500);
	--defeat-foreground: var(--foreground);
}

html, body {
	background: linear-gradient(119deg, rgb(var(--background)) 9.85%, rgb(var(--background-minor)) 70.48%);
	font-size: var(--font-size);
	font-family: "Inter", "Roboto", helvetica, arial, sans-serif;
	font-style: normal;
	line-height: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}