mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Marc Mintel
2026-01-26 17:40:33 +01:00
parent 570a4977dd
commit f459bf230d
1 changed files with 7 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
styles/globals.css
View File

@@ -5,32 +5,6 @@
--font-heading: 'Inter', system-ui, sans-serif; --font-heading: 'Inter', system-ui, sans-serif;
--font-body: '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-fade-in: fade-in 0.5s ease-out;
--animate-slide-up: slide-up 0.6s ease-out; --animate-slide-up: slide-up 0.6s ease-out;
@@ -62,7 +36,7 @@
@layer base { @layer base {
body { 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; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@@ -89,7 +63,7 @@
/* Link styles */ /* Link styles */
a { 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 */ /* List styles */
@@ -103,7 +77,7 @@
/* Small text */ /* Small text */
small { small {
@apply text-sm md:text-base text-text-secondary; @apply text-sm md:text-base;
} }
/* Strong and emphasis */ /* Strong and emphasis */
@@ -117,17 +91,17 @@
/* Blockquote */ /* Blockquote */
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 */
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 */ /* Horizontal rule */
hr { 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; @apply absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent;
} }
.premium-card { .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 { .sticky-narrative-container {
@apply grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20; @apply grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20;