cupadev
/
cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: apply seo agent improvements to src/app/globals.css

This commit is contained in:
cupadev-admin 2026-03-09 19:00:50 +00:00
parent 1d320972c7
commit 85d721ca59
1 changed files with 8 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/globals.css
View File

@ -4,71 +4,27 @@
@layer base { @layer base {
:root { :root {
--color-primary: #002395; --color-brand: #3b82f6;
--color-secondary: #ED2939; --color-brand-dark: #1d4ed8;
--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;
} }
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body { *,
@apply bg-fr-cream text-gray-900 font-sans; *::before,
color: var(--color-text); *::after {
background-color: var(--color-bg); box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
@apply font-serif;
}
*:focus-visible {
@apply outline-2 outline-offset-2 outline-fr-gold;
} }
} }
@layer components { @layer components {
.skip-link { .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 { .skip-link:focus {
@apply top-0; @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;
}
} }