diff --git a/styles/globals.css b/styles/globals.css index 6752a964..3aa98f61 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -5,32 +5,6 @@ --font-heading: 'Inter', system-ui, sans-serif; --font-body: 'Inter', system-ui, sans-serif; - --color-primary: #001a4d; /* Deep Blue */ - --color-primary-dark: #000d26; - --color-primary-light: #e6ebf5; - - --color-saturated: #011dff; /* Saturated Blue Accent */ - - --color-secondary: #003d82; - --color-secondary-light: #0056b3; - - --color-accent: #82ed20; /* Sustainability Green */ - --color-accent-dark: #6bc41a; - --color-accent-light: #f0f9e6; - - --color-neutral: #f8f9fa; - --color-neutral-light: #ffffff; - --color-neutral-dark: #0a0a0a; - --color-neutral-medium: #e5e7eb; - - --color-text-primary: #111827; - --color-text-secondary: #4b5563; - --color-text-light: #9ca3af; - - --color-success: #10b981; - --color-warning: #f59e0b; - --color-danger: #ef4444; - --color-info: #3b82f6; --animate-fade-in: fade-in 0.5s ease-out; --animate-slide-up: slide-up 0.6s ease-out; @@ -62,7 +36,7 @@ @layer base { body { - @apply text-base md:text-lg text-text-primary bg-neutral-light antialiased selection:bg-accent selection:text-primary-dark; + @apply text-base md:text-lg antialiased; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -89,7 +63,7 @@ /* Link styles */ a { - @apply hover:text-accent transition-colors duration-200 underline-offset-2 hover:underline; + @apply transition-colors duration-200 underline-offset-2 hover:underline; } /* List styles */ @@ -103,7 +77,7 @@ /* Small text */ small { - @apply text-sm md:text-base text-text-secondary; + @apply text-sm md:text-base; } /* Strong and emphasis */ @@ -117,17 +91,17 @@ /* Blockquote */ blockquote { - @apply border-l-4 border-accent pl-6 my-6 italic text-text-secondary; + @apply border-l-4 pl-6 my-6 italic; } /* Code */ code { - @apply bg-neutral-medium/30 px-2 py-1 rounded font-mono text-sm; + @apply px-2 py-1 rounded font-mono text-sm; } /* Horizontal rule */ hr { - @apply border-neutral-medium my-8; + @apply my-8; } } @@ -139,7 +113,7 @@ @apply absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent; } .premium-card { - @apply bg-white rounded-3xl border border-neutral-medium shadow-sm transition-all duration-500 hover:shadow-2xl hover:-translate-y-1; + @apply bg-white rounded-3xl shadow-sm transition-all duration-500 hover:shadow-2xl hover:-translate-y-1; } .sticky-narrative-container { @apply grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20;