Features/refactor project styling

package.json

@@ -46,6 +46,15 @@
 		"@codemirror/theme-one-dark": "^6.1.3",
 		"@codemirror/view": "^6.38.6",
 		"@ernane/svelte-star-rating": "^1.1.4",
+		"@fontsource/averia-libre": "^5.2.7",
+		"@fontsource/bebas-neue": "^5.2.7",
+		"@fontsource/libre-baskerville": "^5.2.10",
+		"@fontsource/lobster": "^5.2.8",
+		"@fontsource/pacifico": "^5.2.7",
+		"@fontsource/playfair-display": "^5.2.8",
+		"@fontsource/poppins": "^5.2.7",
+		"@fontsource/rethink-sans": "^5.2.8",
+		"@fontsource/source-code-pro": "^5.2.7",
 		"@fullcalendar/common": "^5.11.5",
 		"@microsoft/signalr": "^8.0.0",
 		"@pgrabovets/json-view": "^2.7.5",
@@ -58,7 +67,6 @@
 		"@vincjo/datatables": "^2.8.0",
 		"apexcharts": "^3.44.2",
 		"axios": "^1.6.2",
-		"bootstrap": "^5.3.2",
 		"chart.js": "^4.4.0",
 		"drawflow": "^0.0.59",
 		"flatpickr": "^4.6.13",
@@ -83,7 +91,6 @@
 		"svelte-splitpanes": "^8.0.12",
 		"svelte-viewport-info": "^1.0.1",
 		"svelvet": "^9.0.0",
-		"sweetalert2": "^11.12.4",
 		"swiper": "^10.3.1",
 		"tailwindcss": "^4.2.2",
 		"uuid": "^10.0.0"

src/app.css

@@ -1,2 +1,55 @@
 @import "tailwindcss";
 
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/typography";
+
+@theme {
+    --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif;
+
+    /* Fancy / accent fonts — use via Tailwind utilities: font-display, font-script, font-handwriting, font-condensed */
+    --font-display: 'Playfair Display', ui-serif, Georgia, serif;
+    --font-script: 'Pacifico', cursive;
+    --font-handwriting: 'Lobster', cursive;
+    --font-condensed: 'Bebas Neue', ui-sans-serif, system-ui, sans-serif;
+    --font-averia: 'Averia Libre', ui-serif, Georgia, serif;
+    --font-libre: 'Libre Baskerville', ui-serif, Georgia, serif;
+    --font-code: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-rethink: 'Rethink Sans', ui-sans-serif, system-ui, sans-serif;
+
+    /* Brand colors (overridable at runtime via PUBLIC_PRIMARY_COLOR / PUBLIC_SECONDARY_COLOR) */
+    --color-primary: #6f42c1;
+    --color-primary-hover: color-mix(in srgb, var(--color-primary), black 20%);
+    --color-secondary: #74788d;
+    --color-secondary-hover: color-mix(in srgb, var(--color-secondary), black 20%);
+
+    /* Semantic state colors (matched to original Skote palette) */
+    --color-success: #34c38f;
+    --color-info: #50a5f1;
+    --color-warning: #f1b44c;
+    --color-danger: #f46a6a;
+
+    /* Neutrals */
+    --color-light: #eff2f7;
+    --color-dark: #343a40;
+    --color-muted: #74788d;
+
+    /* Layout dimensions */
+    --header-height: 70px;
+    --sidebar-width: 250px;
+    --sidebar-collapsed-width: 70px;
+    --footer-height: 60px;
+    --rightbar-width: 280px;
+
+    /* Sidebar palette (light theme) */
+    --sidebar-bg: #ffffff;
+    --sidebar-menu-item-color: #545a6d;
+    --sidebar-menu-item-icon-color: #7f8387;
+    --sidebar-menu-item-hover-color: #383c40;
+    --sidebar-menu-title-color: #7f8387;
+}
+
+@layer base {
+    body {
+        font-weight: 300;
+    }
+}