This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user