From 85d721ca59a38b38908ce549b8b4de2a34903ffd Mon Sep 17 00:00:00 2001
From: cupadev-admin <admin@cupadev.com>
Date: Mon, 9 Mar 2026 19:00:50 +0000
Subject: [PATCH] fix: apply seo agent improvements to src/app/globals.css

---
 src/app/globals.css | 60 ++++++---------------------------------------
 1 file changed, 8 insertions(+), 52 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index bfacbed..83effec 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,71 +4,27 @@
 
 @layer base {
   :root {
-    --color-primary: #002395;
-    --color-secondary: #ED2939;
-    --color-accent: #C9A84C;
-    --color-bg: #F8F5F0;
-    --color-text: #1a1a2e;
-    --color-header-bg: #002395;
-    --color-header-text: #FFFFFF;
-    --color-footer-bg: #001a6e;
-    --color-footer-text: #FFFFFF;
-    --header-position: sticky;
+    --color-brand: #3b82f6;
+    --color-brand-dark: #1d4ed8;
   }
 
   html {
     scroll-behavior: smooth;
   }
 
-  body {
-    @apply bg-fr-cream text-gray-900 font-sans;
-    color: var(--color-text);
-    background-color: var(--color-bg);
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    @apply font-serif;
-  }
-
-  *:focus-visible {
-    @apply outline-2 outline-offset-2 outline-fr-gold;
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
   }
 }
 
 @layer components {
   .skip-link {
-    @apply absolute -top-full left-4 z-[9999] px-4 py-2 bg-fr-gold text-white font-semibold rounded-b-md transition-all duration-200;
+    @apply absolute -top-full left-0 z-50 bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-br-md;
   }
+
   .skip-link:focus {
     @apply top-0;
   }
-
-  .tricolor-bar {
-    height: 4px;
-    background: linear-gradient(to right, #002395 33.33%, #FFFFFF 33.33%, #FFFFFF 66.66%, #ED2939 66.66%);
-  }
-
-  .btn-primary {
-    @apply inline-flex items-center gap-2 px-6 py-3 bg-fr-blue text-white font-semibold rounded-md hover:bg-fr-navy transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-fr-gold;
-  }
-
-  .btn-secondary {
-    @apply inline-flex items-center gap-2 px-6 py-3 bg-fr-red text-white font-semibold rounded-md hover:bg-red-700 transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-fr-gold;
-  }
-
-  .btn-outline {
-    @apply inline-flex items-center gap-2 px-6 py-3 border-2 border-fr-blue text-fr-blue font-semibold rounded-md hover:bg-fr-blue hover:text-white transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-fr-gold;
-  }
-
-  .section-title {
-    @apply text-3xl md:text-4xl font-serif font-bold text-fr-navy mb-4;
-  }
-
-  .section-divider {
-    @apply w-16 h-1 bg-fr-gold mb-6;
-  }
-
-  .card {
-    @apply bg-white rounded-lg shadow-md overflow-hidden border border-gray-100 hover:shadow-lg transition-shadow duration-300;
-  }
 }