feat: register syndicate/crime/gold color palette and Inter/Rajdhani fonts

resources/views/layouts/app.blade.php

@@ -5,32 +5,16 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Laravel') }}</title>
+        <title>@yield('title', config('app.name', 'Laravel'))</title>
 
         <!-- Fonts -->
         <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+        <link href="https://fonts.bunny.net/css?family=inter:400,500,600|rajdhani:600,700&display=swap" rel="stylesheet" />
 
         <!-- Scripts -->
         @vite(['resources/css/app.css', 'resources/js/app.js'])
     </head>
-    <body class="font-sans antialiased">
+    <body class="font-sans antialiased bg-syndicate-950 text-gray-100 min-h-screen">
-        <div class="min-h-screen bg-gray-100">
+        @yield('content')
-            @include('layouts.navigation')
-
-            <!-- Page Heading -->
-            @isset($header)
-                <header class="bg-white shadow">
-                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-                        {{ $header }}
-                    </div>
-                </header>
-            @endisset
-
-            <!-- Page Content -->
-            <main>
-                @yield('content')
-            </main>
-        </div>
     </body>
 </html>

resources/views/layouts/guest.blade.php

@@ -9,22 +9,22 @@
 
         <!-- Fonts -->
         <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+        <link href="https://fonts.bunny.net/css?family=inter:400,500,600|rajdhani:600,700&display=swap" rel="stylesheet" />
 
         <!-- Scripts -->
         @vite(['resources/css/app.css', 'resources/js/app.js'])
     </head>
-    <body class="font-sans text-gray-900 antialiased">
+    <body class="font-sans antialiased bg-syndicate-950 text-gray-100 min-h-screen">
-        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
+        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0">
-            <div>
+            <div class="mb-6">
-                <a href="/">
+                <a href="/" class="font-display text-3xl font-bold text-crime-400 tracking-wide uppercase">
-                    <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+                    {{ config('app.name', 'The Crime Syndicate') }}
                 </a>
             </div>
 
-            <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
+            <div class="w-full sm:max-w-md px-8 py-8 bg-syndicate-800 border border-syndicate-700 shadow-xl overflow-hidden sm:rounded-lg">
                 {{ $slot }}
             </div>
         </div>
     </body>
-</html>
+</html>

tailwind.config.js

@@ -12,10 +12,29 @@ export default {
     theme: {
         extend: {
             fontFamily: {
-                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+                sans: ['Inter', ...defaultTheme.fontFamily.sans],
+                display: ['Rajdhani', ...defaultTheme.fontFamily.sans],
+            },
+            colors: {
+                syndicate: {
+                    950: '#0a0a0c',
+                    900: '#111114',
+                    800: '#1a1a1f',
+                    700: '#242429',
+                    600: '#2e2e35',
+                },
+                crime: {
+                    600: '#dc2626',
+                    500: '#ef4444',
+                    400: '#f87171',
+                },
+                gold: {
+                    500: '#d97706',
+                    400: '#fbbf24',
+                },
             },
         },
     },
 
     plugins: [forms],
-};
+};