style(design-tokens): sync design tokens with Specify

Author: specifyapp[bot]

assets/styles/variables/colors.css

@@ -0,0 +1,65 @@
+:root {
+  /* COLOR */
+  --base-black: rgb(0, 0, 0);
+  --base-white: rgb(255, 255, 255);
+  --danger-100: rgb(254, 226, 226);
+  --danger-200: rgb(254, 202, 202);
+  --danger-300: rgb(252, 165, 165);
+  --danger-400: rgb(248, 113, 113);
+  --danger-50: rgb(254, 242, 242);
+  --danger-500: rgb(239, 68, 68);
+  --danger-600: rgb(220, 38, 38);
+  --danger-700: rgb(185, 28, 28);
+  --danger-800: rgb(153, 27, 27);
+  --danger-900: rgb(127, 29, 29);
+  --informative-100: rgb(219, 234, 254);
+  --informative-200: rgb(191, 219, 254);
+  --informative-300: rgb(147, 197, 253);
+  --informative-400: rgb(96, 165, 250);
+  --informative-50: rgb(239, 246, 255);
+  --informative-500: rgb(59, 130, 246);
+  --informative-600: rgb(37, 99, 235);
+  --informative-700: rgb(29, 78, 216);
+  --informative-800: rgb(30, 64, 175);
+  --informative-900: rgb(30, 58, 138);
+  --neutral-100: rgb(241, 245, 249);
+  --neutral-200: rgb(226, 232, 240);
+  --neutral-300: rgb(203, 213, 225);
+  --neutral-400: rgb(148, 163, 184);
+  --neutral-50: rgb(248, 250, 252);
+  --neutral-500: rgb(100, 116, 139);
+  --neutral-600: rgb(71, 85, 105);
+  --neutral-700: rgb(51, 65, 85);
+  --neutral-800: rgb(30, 41, 59);
+  --neutral-900: rgb(15, 23, 42);
+  --primary-100: rgb(237, 233, 254);
+  --primary-200: rgb(221, 214, 254);
+  --primary-300: rgb(196, 181, 253);
+  --primary-400: rgb(167, 139, 250);
+  --primary-50: rgb(245, 243, 255);
+  --primary-500: rgb(139, 92, 246);
+  --primary-600: rgb(124, 58, 237);
+  --primary-700: rgb(109, 40, 217);
+  --primary-800: rgb(91, 33, 182);
+  --primary-900: rgb(76, 29, 149);
+  --success-100: rgb(220, 252, 231);
+  --success-200: rgb(187, 247, 208);
+  --success-300: rgb(134, 239, 172);
+  --success-400: rgb(74, 222, 128);
+  --success-50: rgb(240, 253, 244);
+  --success-500: rgb(34, 197, 94);
+  --success-600: rgb(22, 163, 74);
+  --success-700: rgb(21, 128, 61);
+  --success-800: rgb(22, 101, 52);
+  --success-900: rgb(20, 83, 45);
+  --warning-100: rgb(254, 243, 199);
+  --warning-200: rgb(253, 230, 138);
+  --warning-300: rgb(252, 211, 77);
+  --warning-400: rgb(251, 191, 36);
+  --warning-50: rgb(255, 251, 235);
+  --warning-500: rgb(245, 158, 11);
+  --warning-600: rgb(217, 119, 6);
+  --warning-700: rgb(180, 83, 9);
+  --warning-800: rgb(146, 64, 14);
+  --warning-900: rgb(120, 53, 15);
+}