Complete redesign: modern, fresh, subtle Scandinavian tech studio look & feel for webshop and admin

resources/css/app.css

@@ -4,8 +4,8 @@
 @source '../../storage/framework/views/*.php';
 
 @theme {
-    --font-heading: 'Fredoka', ui-rounded, 'Nunito', system-ui, sans-serif;
-    --font-sans: 'Nunito', system-ui, sans-serif;
+    --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }
 
 @layer utilities {
@@ -13,22 +13,27 @@
         font-family: var(--font-heading);
     }
 
-    /* Refined, smooth playful button */
-    .playful-btn {
-        transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-    }
-    .playful-btn:hover {
-        transform: translateY(-2px);
-    }
-    .playful-btn:active {
-        transform: translateY(1px);
+    /* Modern subtle glass effect */
+    .glass-header {
+        background-color: rgba(255, 255, 255, 0.85);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
     }
 
-    /* Modern playful card */
-    .playful-card {
-        transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
+    /* Clean modern micro-elevation */
+    .card-hover {
+        transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
     }
-    .playful-card:hover {
-        transform: translateY(-3px);
+    .card-hover:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 12px 24px -10px rgba(15, 23, 42, 0.08);
+    }
+
+    /* Refined button transition */
+    .btn-press {
+        transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    .btn-press:active {
+        transform: scale(0.98);
     }
 }