feat: add src/app/globals.css

src/app/globals.css

@@ -0,0 +1,74 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700;900&display=swap');
+
+:root {
+  --font-inter: 'Inter', sans-serif;
+  --font-playfair: 'Playfair Display', serif;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: var(--font-inter);
+  background-color: #ffffff;
+  color: #1a1a1a;
+  overflow-x: hidden;
+}
+
+@layer components {
+  .btn-primary {
+    @apply bg-french-red text-white font-semibold px-8 py-4 rounded-sm 
+           hover:bg-red-700 transition-all duration-300 transform hover:scale-105 
+           shadow-lg hover:shadow-xl tracking-wide uppercase text-sm;
+  }
+
+  .btn-secondary {
+    @apply border-2 border-white text-white font-semibold px-8 py-4 rounded-sm 
+           hover:bg-white hover:text-military-dark transition-all duration-300 
+           tracking-wide uppercase text-sm;
+  }
+
+  .section-title {
+    @apply font-serif text-3xl md:text-4xl lg:text-5xl font-bold text-military-dark;
+  }
+
+  .section-subtitle {
+    @apply text-gray-500 text-lg mt-4 max-w-2xl mx-auto;
+  }
+
+  .card {
+    @apply bg-white rounded-lg shadow-md hover:shadow-xl transition-all duration-300 
+           border border-gray-100;
+  }
+}
+
+/* Tricolore bar */
+.tricolore {
+  background: linear-gradient(to right, #002395 33.33%, #ffffff 33.33%, #ffffff 66.66%, #ED2939 66.66%);
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+}
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+::-webkit-scrollbar-thumb {
+  background: #4A5C3F;
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #1C2B1A;
+}