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 {
: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;
}
}