From 12b28be04ef0644c6b1c17ef20eedf257af31dba Mon Sep 17 00:00:00 2001
From: rosslh <ross@rosshill.ca>
Date: Tue, 17 Feb 2026 14:57:52 -0800
Subject: [PATCH] style(branding): add header logo gap and use stone-900
 background

Add 4px gap between logo and header elements with flex-shrink support.
Change base background from near-black (#0c0a09) to stone-900 (#1c1917)
to match the marketing site's darkest dark-mode color.
---
 resources/css/app.css                       | 2 +-
 resources/views/components/navbar.blade.php | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index b0bcbc5c8..538ab92ae 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -18,7 +18,7 @@ @theme {
     --font-sans: Inter, sans-serif;
     --font-display: 'Overlock', sans-serif;
 
-    --color-base: #0c0a09;
+    --color-base: #1c1917;
     --color-warning: #fcd452;
     --color-warning-50: #fefce8;
     --color-warning-100: #fef9c3;
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index ba0e00019..1e80f4dfc 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -77,9 +77,9 @@
                 }
             }
     }">
-    <div class="flex lg:pt-6 pt-4 pb-4 pl-2">
+    <div class="flex lg:pt-6 pt-4 pb-4 pl-2 gap-1">
         {{-- MapleDeploy branding --}}
-        <div class="flex flex-col w-full">
+        <div class="flex flex-col min-w-0 flex-1">
             <a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity">
                 <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="max-h-6 w-auto max-w-full dark:hidden" />
                 <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden max-h-6 w-auto max-w-full dark:block" />