[🎨] Bootstrap 걷어내고 Tailwind로 전체 적용

wwwroot/css/app.css

@@ -57,4 +57,50 @@
     mask-size: cover;
     mask-repeat: no-repeat;
     mask-position: center;
+}
+
+:root {
+    /* Disable */
+    --disable-light: #F8F8F8;
+    --disable-normal: #B8B9B4;
+    --disable-dark: #8A8B87;
+    --disable-darker: #40413F;
+
+    /* Information */
+    --information-light: #F7FBF8;
+    --information-normal: #B2DBBB;
+    --information-dark: #86A48C;
+    --information-darker: #3E4D41;
+
+    /* Point */
+    --point-light: #F9FBFF;
+    --point-normal: #C2D6FA;
+    --point-dark: #92A1BC;
+    --point-darker: #444B58;
+
+    /* Second */
+    --second-light: #F2F0ED;
+    --second-normal: #79654E;
+    --second-dark: #5D4C3B;
+    --second-darker: #2A231B;
+
+    /* Normal */
+    --normal-light: #FDFCFB;
+    --normal-normal: #EBDFD2;
+    --normal-dark: #B0A79E;
+    --normal-darker: #524E4A;
+
+    /* Danger */
+    --danger-light: #FFF9F9;
+    --danger-normal: #FDC6C3;
+    --danger-dark: #BE9592;
+    --danger-darker: #594544;
+
+    /* 湲고<E6B9B2> <20>띿뒪<EB9DBF><EB92AA> 諛<> <20>곹깭 */
+    --text-title: #1D1D1D;
+    --text-detail: #545454;
+    --text-disabled: #8E8E8E;
+    --text-white: #FFFFFF;
+    --text-black: #000000;
+    --text-border: #C6C6C6;
 }