colors
Some checks failed
Build & Deploy KLZ Cables / build-and-deploy (push) Has been cancelled

This commit is contained in:
2026-01-26 17:40:33 +01:00
parent 570a4977dd
commit f459bf230d

View File

@@ -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;