diff --git a/public/fonts/vision-ibm-plex-mono-400.woff2 b/public/fonts/vision-ibm-plex-mono-400.woff2
deleted file mode 100644
index 4d1e01c79..000000000
Binary files a/public/fonts/vision-ibm-plex-mono-400.woff2 and /dev/null differ
diff --git a/public/fonts/vision-inter-400.woff2 b/public/fonts/vision-inter-400.woff2
deleted file mode 100644
index dbc5d3ed3..000000000
Binary files a/public/fonts/vision-inter-400.woff2 and /dev/null differ
diff --git a/public/fonts/vision-inter-600.woff2 b/public/fonts/vision-inter-600.woff2
deleted file mode 100644
index 76a60afc4..000000000
Binary files a/public/fonts/vision-inter-600.woff2 and /dev/null differ
diff --git a/public/fonts/vision-space-grotesk-500.woff2 b/public/fonts/vision-space-grotesk-500.woff2
deleted file mode 100644
index fd12a3b70..000000000
Binary files a/public/fonts/vision-space-grotesk-500.woff2 and /dev/null differ
diff --git a/public/fonts/vision-space-grotesk-700.woff2 b/public/fonts/vision-space-grotesk-700.woff2
deleted file mode 100644
index 10eee174a..000000000
Binary files a/public/fonts/vision-space-grotesk-700.woff2 and /dev/null differ
diff --git a/public/images/logo/evig-favicon.png b/public/images/logo/evig-favicon.png
index 36943db82..35778958e 100644
Binary files a/public/images/logo/evig-favicon.png and b/public/images/logo/evig-favicon.png differ
diff --git a/src/app/[locale]/abos/AbosPageClient.tsx b/src/app/[locale]/abos/AbosPageClient.tsx
index 89bec95e1..41614c117 100644
--- a/src/app/[locale]/abos/AbosPageClient.tsx
+++ b/src/app/[locale]/abos/AbosPageClient.tsx
@@ -60,7 +60,7 @@ export default function AbosPageClient() {
               variant="ghost"
               onClick={() => setActiveCategory(null)}
               className={`px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${
-                !activeCategory ? 'bg-action text-white' : 'bg-surface-base text-text-secondary hover:bg-surface-raised border'
+                !activeCategory ? 'bg-action text-action-text' : 'bg-surface-base text-text-secondary hover:bg-surface-raised border'
               }`}
             >
               {t('filterAll')}
@@ -73,7 +73,7 @@ export default function AbosPageClient() {
                   variant="ghost"
                   onClick={() => setActiveCategory(cat)}
                   className={`px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${
-                    activeCategory === cat ? 'bg-action text-white' : 'bg-surface-base text-text-secondary hover:bg-surface-raised border'
+                    activeCategory === cat ? 'bg-action text-action-text' : 'bg-surface-base text-text-secondary hover:bg-surface-raised border'
                   }`}
                 >
                   {/* @ts-expect-error — dynamic category key */}
diff --git a/src/app/[locale]/blog/[slug]/BlogUnavailable.tsx b/src/app/[locale]/blog/[slug]/BlogUnavailable.tsx
index dba1d2208..b27380649 100644
--- a/src/app/[locale]/blog/[slug]/BlogUnavailable.tsx
+++ b/src/app/[locale]/blog/[slug]/BlogUnavailable.tsx
@@ -30,7 +30,7 @@ export default function BlogUnavailable({ blogHref = '/blog', loginHref }: Props
         <div className="mt-8 flex flex-col items-center gap-3 sm:flex-row sm:justify-center">
           <Link
             href={blogHref}
-            className="inline-flex items-center gap-2 rounded-btn bg-action px-5 py-2.5 text-sm font-medium text-white hover:opacity-90"
+            className="inline-flex items-center gap-2 rounded-btn bg-action px-5 py-2.5 text-sm font-medium text-action-text hover:opacity-90"
           >
             Zum Blog <ArrowRight className="h-4 w-4" />
           </Link>
diff --git a/src/app/[locale]/marketplace/sell/MarketplaceSellPageClient.tsx b/src/app/[locale]/marketplace/sell/MarketplaceSellPageClient.tsx
index 845c976ba..d1a8477d2 100644
--- a/src/app/[locale]/marketplace/sell/MarketplaceSellPageClient.tsx
+++ b/src/app/[locale]/marketplace/sell/MarketplaceSellPageClient.tsx
@@ -102,7 +102,7 @@ function SellPageContent() {
       {/* Step indicator */}
       <div className="flex items-center gap-0 mb-6">
         <div className="flex items-center gap-2">
-          <span className="w-7 h-7 rounded-full bg-action text-white text-xs font-bold flex items-center justify-center">1</span>
+          <span className="w-7 h-7 rounded-full bg-action text-action-text text-xs font-bold flex items-center justify-center">1</span>
           <span className="text-sm font-semibold text-action">{t('stepDetails')}</span>
         </div>
         <div className="flex-1 h-px bg-surface-overlay mx-3" />
diff --git a/src/app/[locale]/revamped/page.tsx b/src/app/[locale]/revamped/page.tsx
index 0a2205865..6fa873927 100644
--- a/src/app/[locale]/revamped/page.tsx
+++ b/src/app/[locale]/revamped/page.tsx
@@ -120,7 +120,7 @@ export default async function RevampedPage({ params }: RevampedPageProps) {
                     sizes="(max-width: 1024px) 100vw, 50vw"
                     priority
                   />
-                  <div className="absolute top-4 right-4 bg-action text-white px-3 py-2 rounded-lg text-sm font-semibold shadow-xs">
+                  <div className="absolute top-4 right-4 bg-action text-action-text px-3 py-2 rounded-lg text-sm font-semibold shadow-xs">
                     <div className="flex items-center">
                       <Award className="w-4 h-4 mr-2" />
                       REVAMPED
@@ -257,7 +257,7 @@ export default async function RevampedPage({ params }: RevampedPageProps) {
                       <div className="text-xs text-text-secondary">CERTIFIED</div>
                     </div>
                   </div>
-                  <div className="absolute top-3 right-3 bg-action text-white text-xs px-3 py-1 rounded-full">NEW</div>
+                  <div className="absolute top-3 right-3 bg-action text-action-text text-xs px-3 py-1 rounded-full">NEW</div>
                 </div>
                 <Heading level={3} className="text-xl font-bold mb-2">{t('stickers.sticker3.title')}</Heading>
                 <p className="text-text-secondary">{t('stickers.sticker3.body')}</p>
diff --git a/src/app/[locale]/services/[service]/repair/page.tsx b/src/app/[locale]/services/[service]/repair/page.tsx
index db5186c01..a3dce29c6 100644
--- a/src/app/[locale]/services/[service]/repair/page.tsx
+++ b/src/app/[locale]/services/[service]/repair/page.tsx
@@ -80,7 +80,7 @@ export default async function RepairPage({ params }: Props) {
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
             {process.map((step, index) => (
               <div key={index} className="bg-surface-raised/50 rounded-xl p-8">
-                <div className="w-12 h-12 bg-action text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">
+                <div className="w-12 h-12 bg-action text-action-text rounded-full flex items-center justify-center text-xl font-bold mb-4">
                   {index + 1}
                 </div>
                 <Heading level={3} className="text-xl font-semibold mb-3">{step.title}</Heading>
diff --git a/src/app/[locale]/services/build-your-computer/BuildTool.tsx b/src/app/[locale]/services/build-your-computer/BuildTool.tsx
index 58c09148b..0bda07471 100644
--- a/src/app/[locale]/services/build-your-computer/BuildTool.tsx
+++ b/src/app/[locale]/services/build-your-computer/BuildTool.tsx
@@ -71,7 +71,7 @@ function OptionCard({
   )
 }
 
-/** Monochrome step indicator — replaces bg-action-text-white circles. */
+/** Monochrome step indicator — replaces bg-action-text-action-text circles. */
 function StepDots({ step }: { step: number }) {
   return (
     <div className="flex items-center justify-center gap-3 mb-8 font-mono tabular-nums">
diff --git a/src/app/[locale]/services/open-source-solutions/components/RegistrySearch.tsx b/src/app/[locale]/services/open-source-solutions/components/RegistrySearch.tsx
index e19ed5af8..92381ba26 100644
--- a/src/app/[locale]/services/open-source-solutions/components/RegistrySearch.tsx
+++ b/src/app/[locale]/services/open-source-solutions/components/RegistrySearch.tsx
@@ -77,7 +77,7 @@ export function RegistrySearch({ alternatives, categories }: RegistrySearchProps
           className={cn(
             'shrink-0 px-4 py-2 rounded-full text-sm font-medium transition-colors',
             !activeCategoryId
-              ? 'bg-action text-white'
+              ? 'bg-action text-action-text'
               : 'bg-surface-raised text-text-secondary hover:bg-surface-overlay'
           )}
         >
@@ -91,7 +91,7 @@ export function RegistrySearch({ alternatives, categories }: RegistrySearchProps
             className={cn(
               'shrink-0 px-4 py-2 rounded-full text-sm font-medium transition-colors whitespace-nowrap',
               activeCategoryId === cat.id
-                ? 'bg-action text-white'
+                ? 'bg-action text-action-text'
                 : 'bg-surface-raised text-text-secondary hover:bg-surface-overlay'
             )}
           >
diff --git a/src/app/[locale]/services/web-design-development/sections/ProcessSection.tsx b/src/app/[locale]/services/web-design-development/sections/ProcessSection.tsx
index 52188b655..cc3025b09 100644
--- a/src/app/[locale]/services/web-design-development/sections/ProcessSection.tsx
+++ b/src/app/[locale]/services/web-design-development/sections/ProcessSection.tsx
@@ -25,7 +25,7 @@ export async function ProcessSection() {
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           {processSteps.map((phase, index) => (
             <div key={index} className="text-center">
-              <div className="w-16 h-16 bg-action text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4">
+              <div className="w-16 h-16 bg-action text-action-text rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4">
                 {phase.step}
               </div>
               <Heading level={3} className="mb-3">{phase.title}</Heading>
diff --git a/src/app/[locale]/services/web-design-development/sections/TechnologiesClient.tsx b/src/app/[locale]/services/web-design-development/sections/TechnologiesClient.tsx
index 0ebf2f339..219d8207b 100644
--- a/src/app/[locale]/services/web-design-development/sections/TechnologiesClient.tsx
+++ b/src/app/[locale]/services/web-design-development/sections/TechnologiesClient.tsx
@@ -60,7 +60,7 @@ export function TechnologiesClient({ technologies, categories, allLabel, totalCo
                 onClick={() => setSelectedCategory(category)}
                 className={`px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 ${
                   selectedCategory === category
-                    ? 'bg-action text-white transform scale-105'
+                    ? 'bg-action text-action-text transform scale-105'
                     : 'bg-surface-raised text-text-secondary hover:bg-surface-overlay hover:text-text-primary'
                 }`}
               >
diff --git a/src/app/[locale]/vision/content.tsx b/src/app/[locale]/vision/content.tsx
index 1019919f1..5a8fc67e8 100644
--- a/src/app/[locale]/vision/content.tsx
+++ b/src/app/[locale]/vision/content.tsx
@@ -2,6 +2,7 @@ import { getTranslations } from 'next-intl/server'
 import { Link } from '@/i18n/navigation'
 import { ORG } from '@/config/org'
 import { ROUTES } from '@/config/routes'
+import { EVIG_MARK } from '@/config/brand'
 import type { ReactNode } from 'react'
 
 /**
@@ -11,14 +12,13 @@ import type { ReactNode } from 'react'
  * from the scoped `.theme-vision` tokens in globals.css — zero literal hex.
  */
 
-// The refined "eternal loop" mark (single-stroke closed infinity, tilted −8°).
-const LOOP_D =
-  'M32 32 C24 19 12 19 12 32 C12 45 24 45 32 32 C40 19 52 19 52 32 C52 45 40 45 32 32'
+// The mark geometry is the brand SSOT (src/config/brand.ts) — no divergence.
+const LOOP_D = EVIG_MARK.paths[0]
 
-function Mark({ className, width = 7 }: { className?: string; width?: number }) {
+function Mark({ className, width = EVIG_MARK.strokeWidth }: { className?: string; width?: number }) {
   return (
-    <svg className={className} viewBox="0 0 64 64" fill="none" aria-hidden="true">
-      <g transform="rotate(-8 32 32)">
+    <svg className={className} viewBox={EVIG_MARK.viewBox} fill="none" aria-hidden="true">
+      <g transform={EVIG_MARK.transform}>
         <path d={LOOP_D} stroke="currentColor" strokeWidth={width} strokeLinecap="round" strokeLinejoin="round" />
       </g>
     </svg>
@@ -27,8 +27,8 @@ function Mark({ className, width = 7 }: { className?: string; width?: number })
 
 function HeroLoop({ label }: { label: string }) {
   return (
-    <svg className="v-loop" viewBox="0 0 64 64" fill="none" role="img" aria-label={label}>
-      <g transform="rotate(-8 32 32)">
+    <svg className="v-loop" viewBox={EVIG_MARK.viewBox} fill="none" role="img" aria-label={label}>
+      <g transform={EVIG_MARK.transform}>
         <path className="v-draw" pathLength={100} d={LOOP_D} stroke="currentColor" strokeWidth={6} strokeLinecap="round" strokeLinejoin="round" />
         <path className="v-pulse" pathLength={100} d={LOOP_D} stroke="var(--text-primary)" strokeWidth={6} strokeLinecap="round" strokeLinejoin="round" />
       </g>
diff --git a/src/app/admin/decisions/new/DecisionTypeSelector.tsx b/src/app/admin/decisions/new/DecisionTypeSelector.tsx
index 9ff08e76d..339d21d98 100644
--- a/src/app/admin/decisions/new/DecisionTypeSelector.tsx
+++ b/src/app/admin/decisions/new/DecisionTypeSelector.tsx
@@ -31,7 +31,7 @@ export function DecisionTypeSelector({ selected, onChange }: Props) {
             >
               <div className="flex items-center gap-2">
                 <span className={`flex h-7 w-7 items-center justify-center rounded-md text-sm font-bold ${
-                  isSelected ? 'bg-action text-white' : 'bg-surface-raised text-text-tertiary'
+                  isSelected ? 'bg-action text-action-text' : 'bg-surface-raised text-text-tertiary'
                 }`}>
                   {conf.icon}
                 </span>
diff --git a/src/app/admin/erfassung/[id]/factsheet/page.tsx b/src/app/admin/erfassung/[id]/factsheet/page.tsx
index 997b0b3ab..35a1561a9 100644
--- a/src/app/admin/erfassung/[id]/factsheet/page.tsx
+++ b/src/app/admin/erfassung/[id]/factsheet/page.tsx
@@ -168,7 +168,7 @@ export default function FactSheetPage() {
         <div className="factsheet-page w-[210mm] min-h-[297mm] mx-auto bg-surface-base shadow-xs print:shadow-none">
 
           {/* Green Header Bar */}
-          <div className="bg-action text-white px-8 py-4">
+          <div className="bg-action text-action-text px-8 py-4">
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-4">
                 <div className="w-14 h-14 bg-surface-base rounded-xl flex items-center justify-center">
diff --git a/src/app/admin/intake/ChecklistGroup.tsx b/src/app/admin/intake/ChecklistGroup.tsx
index eb150b004..34e671cb6 100644
--- a/src/app/admin/intake/ChecklistGroup.tsx
+++ b/src/app/admin/intake/ChecklistGroup.tsx
@@ -148,7 +148,7 @@ export function ChecklistGroup({ group, readOnly = false, pendingItems, onSetRes
                       disabled={saving}
                       className={`h-11 w-11 sm:h-7 sm:w-7 rounded border-2 flex items-center justify-center transition-colors ${
                         result === CHECKLIST_RESULTS.PASS
-                          ? 'bg-action border-action text-white'
+                          ? 'bg-action border-action text-action-text'
                           : 'border-default hover:border-action'
                       }`}
                       title={CHECKLIST_RESULT_LABELS.pass}
diff --git a/src/app/admin/presentations/page.tsx b/src/app/admin/presentations/page.tsx
index d96167afc..ea3967b10 100644
--- a/src/app/admin/presentations/page.tsx
+++ b/src/app/admin/presentations/page.tsx
@@ -61,7 +61,7 @@ export default async function PresentationsPage() {
           <MessageSquare className="w-4 h-4 text-text-muted" aria-hidden="true" />
           Feedback
           {openFeedback > 0 && (
-            <span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-action text-white text-xs font-semibold">
+            <span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-action text-action-text text-xs font-semibold">
               {openFeedback}
             </span>
           )}
diff --git a/src/app/admin/users/[id]/page.tsx b/src/app/admin/users/[id]/page.tsx
index b1a5bd4ff..ae98db129 100644
--- a/src/app/admin/users/[id]/page.tsx
+++ b/src/app/admin/users/[id]/page.tsx
@@ -138,7 +138,7 @@ export default async function UserDetailPage({ params }: PageProps) {
           <Avatar
             name={user.name || user.email}
             size="xl"
-            colorClassName={userIsSuperAdmin || userIsStaff ? 'bg-action text-white' : 'bg-surface-overlay text-text-primary'}
+            colorClassName={userIsSuperAdmin || userIsStaff ? 'bg-action text-action-text' : 'bg-surface-overlay text-text-primary'}
           />
 
           {/* Info */}
diff --git a/src/app/ai-cms/sections/CTASection.tsx b/src/app/ai-cms/sections/CTASection.tsx
index 5a923f45d..b8706732a 100644
--- a/src/app/ai-cms/sections/CTASection.tsx
+++ b/src/app/ai-cms/sections/CTASection.tsx
@@ -21,7 +21,7 @@ export function CTASection() {
           </Link>
           <Link
             href="/contact"
-            className="inline-flex items-center justify-center px-8 py-3 border border-action text-white font-semibold rounded-lg hover:bg-action transition-colors"
+            className="inline-flex items-center justify-center px-8 py-3 border border-action text-action-text font-semibold rounded-lg hover:bg-action transition-colors"
           >
             Kontakt aufnehmen
           </Link>
diff --git a/src/app/ai-cms/sections/WorkflowSection.tsx b/src/app/ai-cms/sections/WorkflowSection.tsx
index 0c405b372..d56dcbd5b 100644
--- a/src/app/ai-cms/sections/WorkflowSection.tsx
+++ b/src/app/ai-cms/sections/WorkflowSection.tsx
@@ -17,7 +17,7 @@ export function WorkflowSection() {
           <div className="space-y-8">
             {steps.map((s) => (
               <div key={s.step} className="flex gap-6">
-                <div className="shrink-0 w-16 h-16 bg-action text-white rounded-full flex items-center justify-center text-xl font-bold z-10">
+                <div className="shrink-0 w-16 h-16 bg-action text-action-text rounded-full flex items-center justify-center text-xl font-bold z-10">
                   {s.step}
                 </div>
                 <div className="pt-3">
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
index 43e19e1bc..b2bd69dbf 100644
Binary files a/src/app/apple-icon.png and b/src/app/apple-icon.png differ
diff --git a/src/app/dashboard/orders/page.tsx b/src/app/dashboard/orders/page.tsx
index 76fbf94b3..7fa151c75 100644
--- a/src/app/dashboard/orders/page.tsx
+++ b/src/app/dashboard/orders/page.tsx
@@ -142,7 +142,7 @@ export default function DashboardOrdersPage() {
             size="sm"
             className={`rounded-full ${
               activeTab === tab.key
-                ? 'bg-action text-white'
+                ? 'bg-action text-action-text'
                 : 'bg-surface-raised text-text-secondary hover:bg-surface-overlay'
             }`}
           >
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 241ee38de..09d0efb83 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
index a85cbaa7c..465295442 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,6 +4,8 @@
 
 @theme {
   --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
+  --font-display: var(--font-space-grotesk), var(--font-inter), ui-sans-serif, 'Hiragino Sans', 'Noto Sans JP', 'Noto Sans KR', system-ui, sans-serif;
+  --font-mono: var(--font-plex-mono), ui-monospace, SFMono-Regular, 'JetBrains Mono', monospace;
 
   --color-surface-page: var(--surface-page);
   --color-surface-base: var(--surface-base);
@@ -20,21 +22,27 @@
   --color-action-hover: var(--accent-action-hover);
   --color-action-muted: var(--accent-action-muted);
   --color-action-text: var(--accent-action-text);
+  /* "strong" = the electric Ion Lime, for loud CTA fills (buttons). Kept
+     separate from --color-action so text/links stay the readable deep lime. */
+  --color-action-strong: var(--accent-strong);
+  --color-action-strong-text: var(--accent-strong-text);
 
   --color-canvas: var(--surface-page);
   --color-muted: var(--text-muted);
   --color-faint: var(--text-muted);
 
-  --color-primary-50: #f0fdf4;
-  --color-primary-100: #dcfce7;
-  --color-primary-200: #bbf7d0;
-  --color-primary-300: #86efac;
-  --color-primary-400: #4ade80;
-  --color-primary-500: #22c55e;
-  --color-primary-600: #16a34a;
-  --color-primary-700: #15803d;
-  --color-primary-800: #166534;
-  --color-primary-900: #14532d;
+  /* evig brand scale — Ion Lime. Deep shades (700-900) stay readable as text /
+     with white text on fills; 500 is the electric identity lime. */
+  --color-primary-50: #f7fee7;
+  --color-primary-100: #ecfccb;
+  --color-primary-200: #d9f99d;
+  --color-primary-300: #bef264;
+  --color-primary-400: #a3e635;
+  --color-primary-500: #84cc16;
+  --color-primary-600: #65a30d;
+  --color-primary-700: #4d7c0f;
+  --color-primary-800: #3f6212;
+  --color-primary-900: #365314;
 
   --color-secondary-50: #fff7ed;
   --color-secondary-100: #ffedd5;
@@ -315,8 +323,9 @@
   padding-bottom: 3rem;
 }
 @utility ui-public-eyebrow {
-  /* Eyebrow / kicker — small caps label above a title. */
+  /* Eyebrow / kicker — small caps mono label above a title. */
   @apply text-xs uppercase tracking-[0.18em];
+  font-family: var(--font-mono);
   color: var(--text-tertiary);
 }
 @utility ui-public-hero-badge {
@@ -326,15 +335,16 @@
   color: var(--text-secondary);
 }
 @utility ui-public-hero-title {
-  /* Hero display title — fluid clamp() type, brand display weight + tracking. */
+  /* Hero display title — fluid clamp() type, Space Grotesk display face. */
+  font-family: var(--font-display);
   font-size: clamp(
     var(--hero-title-min),
     var(--hero-title-fluid),
     var(--hero-title-max)
   );
-  line-height: 1;
-  letter-spacing: 0;
-  @apply font-semibold;
+  line-height: 1.02;
+  letter-spacing: -0.03em;
+  @apply font-bold;
   color: var(--text-primary);
 }
 @utility ui-public-hero-title-fade {
@@ -371,12 +381,11 @@
   color: var(--text-tertiary);
 }
 @utility ui-public-cta {
-  /* CTA primary — RevampIT green; large tap target; opacity hover.
-   * Text uses --accent-action-text which flips: white on dark-green (light mode),
-   * near-black on bright-green (dark mode) — keeps WCAG AA contrast in both. */
+  /* CTA primary — electric Ion Lime fill + ink text. Punchy and WCAG-AA in
+     both light and dark (ink on #B6F531 reads either way). */
   @apply inline-flex items-center justify-center rounded-md px-6 py-3 text-sm font-semibold transition-opacity hover:opacity-90 active:opacity-80;
-  background: var(--accent-action);
-  color: var(--accent-action-text);
+  background: var(--accent-strong);
+  color: var(--accent-strong-text);
   min-height: 48px;
 }
 @utility ui-public-cta-ghost {
@@ -570,11 +579,14 @@
  * ─────────────────────────────────────────────────────────────────────────── */
 @layer base {
   :root {
-    /* Primitive palette — raw values, not used directly by components */
-    --primitive-green-500: #22c55e;
-    --primitive-green-600: #16a34a;
-    --primitive-green-700: #15803d;
-    --primitive-green-800: #166534;
+    /* Primitive palette — raw values, not used directly by components.
+       evig Ion Lime: electric (#B6F531) is the identity pop; the deep shades
+       are the contrast-safe interactive colours (readable as text on white). */
+    --primitive-lime-electric: #B6F531;
+    --primitive-lime-500: #84cc16;
+    --primitive-lime-600: #65a30d;
+    --primitive-lime-700: #4d7c0f;
+    --primitive-lime-800: #3f6212;
     --primitive-orange-500: #F7931A;
 
     /* ─── Semantic tokens (light) ───────────────────────────────────────
@@ -609,10 +621,12 @@
     /* Action accent — RevampIT brand green. The ONLY chromatic color
      * outside status badges. Used for primary buttons, links, focus
      * rings, key icons. Everything else stays achromatic. */
-    --accent-action:         var(--primitive-green-700);    /* #15803d — darker for AA as text/links on white */
-    --accent-action-hover:   var(--primitive-green-800);    /* #166534 — darker on hover */
-    --accent-action-muted:   rgba(22, 163, 74, 0.10);        /* subtle fills */
-    --accent-action-text:    #ffffff;                        /* text ON action surfaces */
+    --accent-action:         var(--primitive-lime-700);    /* #4d7c0f — deep lime: AA as text/links on white, white text on fills */
+    --accent-action-hover:   var(--primitive-lime-800);    /* #3f6212 — darker on hover */
+    --accent-action-muted:   rgba(132, 204, 22, 0.12);      /* subtle lime fills */
+    --accent-action-text:    #ffffff;                        /* text ON action surfaces (deep-lime fill) */
+    --accent-strong:         var(--primitive-lime-electric);/* #B6F531 — electric CTA fill */
+    --accent-strong-text:    #0a0a0a;                        /* ink on electric lime */
 
     /* Fluid display type — single SSOT, used by .ui-public-hero-title */
     --hero-title-min:        2.25rem;        /* 36px — fits iPhone SE */
@@ -641,23 +655,24 @@
     --text-muted:            #525252;
     --text-inverted:         #0a0a0a;
 
-    /* Surfaces — role-based */
-    --surface-page:          #0a0a0a;
-    --surface-base:          #131313;
-    --surface-raised:        #1f1f1f;
-    --surface-overlay:       #2a2a2a;
+    /* Surfaces — role-based (Obsidian) */
+    --surface-page:          #0A0B0A;
+    --surface-base:          #111311;
+    --surface-raised:        #171A15;
+    --surface-overlay:       #1E221B;
 
     /* Borders — role-based */
     --border-subtle:         rgba(255, 255, 255, 0.06);
     --border-default:        rgba(255, 255, 255, 0.10);
     --border-strong:         rgba(255, 255, 255, 0.24);
 
-    /* Action — green stays the brand pulse in dark too, slightly brighter
-     * so it pops against the near-black surfaces. */
-    --accent-action:         var(--primitive-green-500);    /* #22c55e */
-    --accent-action-hover:   var(--primitive-green-600);    /* #16a34a */
-    --accent-action-muted:   rgba(34, 197, 94, 0.12);
-    --accent-action-text:    #0a0a0a;                        /* dark text on bright action */
+    /* Action — electric Ion Lime pops against the obsidian surfaces. */
+    --accent-action:         var(--primitive-lime-electric);  /* #B6F531 */
+    --accent-action-hover:   #a3e635;
+    --accent-action-muted:   rgba(182, 245, 49, 0.14);
+    --accent-action-text:    #0a0a0a;                        /* ink text on electric lime */
+    --accent-strong:         var(--primitive-lime-electric);  /* #B6F531 — same electric in dark */
+    --accent-strong-text:    #0a0a0a;
   }
 
   html {
@@ -831,7 +846,7 @@
 .rich-editor-content h2 { font-size: 1.4rem; font-weight: 700; line-height: 1.3; margin-top: 1.4em; }
 .rich-editor-content h3 { font-size: 1.15rem; font-weight: 600; line-height: 1.3; margin-top: 1.2em; }
 .rich-editor-content p { margin: 0; }
-.rich-editor-content a { color: var(--primitive-green-600, #16a34a); text-decoration: underline; }
+.rich-editor-content a { color: var(--color-action); text-decoration: underline; }
 .rich-editor-content ul { list-style: disc; padding-left: 1.4em; }
 .rich-editor-content ol { list-style: decimal; padding-left: 1.4em; }
 .rich-editor-content li { margin: 0.2em 0; }
@@ -849,65 +864,28 @@
   border: 1px solid var(--color-border); padding: 0.4em 0.6em; text-align: left; min-width: 4em;
 }
 .rich-editor-content th { background: var(--color-surface-raised); font-weight: 600; }
-.rich-editor-content .selectedCell { background: color-mix(in srgb, var(--color-brand, #16a34a) 12%, transparent); }
+.rich-editor-content .selectedCell { background: color-mix(in srgb, var(--color-action) 12%, transparent); }
 .rich-editor-content:empty::before,
 .rich-editor-content p.is-editor-empty:first-child::before {
   content: attr(aria-label); color: var(--color-text-faint); pointer-events: none; float: left; height: 0;
 }
 
 /* ═══════════════════════════════════════════════════════════════════════════
- * evig /vision — scoped "Obsidian & Ion Lime" manifesto theme
+ * evig /vision — manifesto layout
  * ---------------------------------------------------------------------------
- * A self-contained dark brand surface used ONLY by the /vision route
- * (wrapped in `.theme-vision`). It redefines the semantic design tokens for
- * its subtree — the rest of the app (green) is untouched. All colour comes
- * from tokens; components carry zero literal hex. This is also the beachhead
- * for evig's new visual identity; a global retheme remains a separate call.
+ * /vision uses the GLOBAL design tokens (obsidian/lime, light + dark) — there
+ * is no separate theme any more. This block only sets the page shell (the route
+ * bypasses the app chrome and renders its own header/footer) and maps the
+ * display/body/mono fonts onto the local `--font-v*` aliases the .v-* layout
+ * classes read. One SSOT: colours from tokens, mark from brand.ts, type from
+ * the global font vars.
  * ═══════════════════════════════════════════════════════════════════════════ */
 
-/* Brand faces — subset (latin + Swiss umlauts), self-hosted, no CDN. */
-@font-face{font-family:'SpaceGroteskVision';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/vision-space-grotesk-500.woff2') format('woff2');}
-@font-face{font-family:'SpaceGroteskVision';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/vision-space-grotesk-700.woff2') format('woff2');}
-@font-face{font-family:'InterVision';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/vision-inter-400.woff2') format('woff2');}
-@font-face{font-family:'InterVision';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/vision-inter-600.woff2') format('woff2');}
-@font-face{font-family:'PlexMonoVision';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/vision-ibm-plex-mono-400.woff2') format('woff2');}
-
 @layer base {
-  :root {
-    /* Obsidian & Ion Lime primitives (raw values live here only) */
-    --primitive-obsidian:        #0A0B0A;
-    --primitive-obsidian-raised: #111311;
-    --primitive-obsidian-over:   #171A15;
-    --primitive-lime:            #B6F531;
-    --primitive-paper:           #FAFCF7;
-    --primitive-mute:            #8E968A;
-    --primitive-ink:             #0A0A0A;
-  }
-
-  /* Scope: everything below inherits obsidian/lime semantic tokens. */
   .theme-vision {
-    --surface-page:    var(--primitive-obsidian);
-    --surface-base:    var(--primitive-obsidian-raised);
-    --surface-raised:  var(--primitive-obsidian-raised);
-    --surface-overlay: var(--primitive-obsidian-over);
-
-    --text-primary:    var(--primitive-paper);
-    --text-secondary:  #B7BEB2;
-    --text-tertiary:   var(--primitive-mute);
-    --text-muted:      var(--primitive-mute);
-    --text-inverted:   var(--primitive-ink);
-
-    --accent-action:       var(--primitive-lime);
-    --accent-action-hover: var(--primitive-lime);
-    --accent-action-text:  var(--primitive-ink);
-
-    --border-subtle:  rgba(250, 252, 247, 0.08);
-    --border-default: rgba(182, 245, 49, 0.14);
-    --border-strong:  rgba(182, 245, 49, 0.30);
-
-    --font-vd: 'SpaceGroteskVision', system-ui, sans-serif;
-    --font-vb: 'InterVision', system-ui, sans-serif;
-    --font-vm: 'PlexMonoVision', ui-monospace, monospace;
+    --font-vd: var(--font-display);
+    --font-vb: var(--font-sans);
+    --font-vm: var(--font-mono);
 
     min-height: 100dvh;
     background: var(--surface-page);
diff --git a/src/app/icon.png b/src/app/icon.png
index 07a03f02d..b558c2b8d 100644
Binary files a/src/app/icon.png and b/src/app/icon.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a3b28286f..107dd4c14 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,15 @@
 import type { Metadata } from "next";
 import { getLocale } from "next-intl/server";
+import { Space_Grotesk, Inter, IBM_Plex_Mono } from "next/font/google";
 import { Providers } from "@/components/providers/providers";
+
+// Brand faces — one SSOT for typography. Space Grotesk = display (headings,
+// wordmark), Inter = body, IBM Plex Mono = labels/eyebrows. Space Grotesk is
+// latin-only; the CSS font stacks (globals.css @theme) carry CJK/Cyrillic
+// system fallbacks for ja/ko, and Inter covers cyrillic for ru.
+const display = Space_Grotesk({ subsets: ["latin"], weight: ["500", "700"], variable: "--font-space-grotesk", display: "swap" });
+const sans = Inter({ subsets: ["latin", "latin-ext", "cyrillic"], variable: "--font-inter", display: "swap" });
+const mono = IBM_Plex_Mono({ subsets: ["latin"], weight: ["400", "500"], variable: "--font-plex-mono", display: "swap" });
 import { ORG } from "@/config/org";
 import { PUBLIC_SITE_URL } from "@/config/urls";
 import { auth } from "@/auth";
@@ -42,7 +51,7 @@ export default async function RootLayout({
   const locale = await getLocale();
 
   return (
-    <html lang={locale} suppressHydrationWarning>
+    <html lang={locale} suppressHydrationWarning className={`${display.variable} ${sans.variable} ${mono.variable}`}>
       <body className="font-sans fix-text-rendering antialiased">
         <Providers session={session}>
           {children}
diff --git a/src/app/services/open-source-solutions/components/CTASection.tsx b/src/app/services/open-source-solutions/components/CTASection.tsx
index 36da77425..a94129659 100644
--- a/src/app/services/open-source-solutions/components/CTASection.tsx
+++ b/src/app/services/open-source-solutions/components/CTASection.tsx
@@ -15,7 +15,7 @@ import { ORG } from '@/config/org'
 
 export function CTASection() {
   return (
-    <section className="py-16 sm:py-20 bg-action text-white">
+    <section className="py-16 sm:py-20 bg-action text-action-text">
       <div className="container mx-auto px-4 sm:px-6 text-center">
         <h2 className="text-3xl sm:text-4xl font-bold mb-6">Bereit für Open Source?</h2>
         <p className="text-lg sm:text-xl mb-8 max-w-2xl mx-auto text-white/90">
diff --git a/src/components/about/AboutCTA.tsx b/src/components/about/AboutCTA.tsx
index edd71cd0b..fbfd00efa 100644
--- a/src/components/about/AboutCTA.tsx
+++ b/src/components/about/AboutCTA.tsx
@@ -18,7 +18,7 @@ interface AboutCTAProps {
 
 export default function AboutCTA({ title, description, buttonText, href }: AboutCTAProps) {
   return (
-    <section className="py-20 bg-action text-white">
+    <section className="py-20 bg-action text-action-text">
       <div className="container mx-auto px-4">
         <div className="max-w-4xl mx-auto text-center">
           <Heading level={2} className="text-3xl font-bold mb-6">{title}</Heading>
diff --git a/src/components/admin/HirnChat.tsx b/src/components/admin/HirnChat.tsx
index cff4f24da..7200a8b76 100644
--- a/src/components/admin/HirnChat.tsx
+++ b/src/components/admin/HirnChat.tsx
@@ -258,7 +258,7 @@ export function HirnChat({ sessionId, onSessionChange, compact = false }: HirnCh
               <div
                 className={`max-w-[80%] ${
                   message.role === 'user'
-                    ? 'bg-action text-white rounded-2xl rounded-br-sm px-4 py-2'
+                    ? 'bg-action text-action-text rounded-2xl rounded-br-sm px-4 py-2'
                     : 'bg-surface-raised text-text-primary rounded-2xl rounded-bl-sm px-4 py-3'
                 }`}
               >
diff --git a/src/components/admin/protocols/ProtocolProgressStrip.tsx b/src/components/admin/protocols/ProtocolProgressStrip.tsx
index 30826164b..4d28e60be 100644
--- a/src/components/admin/protocols/ProtocolProgressStrip.tsx
+++ b/src/components/admin/protocols/ProtocolProgressStrip.tsx
@@ -20,7 +20,7 @@ const SHORT_LABELS: Record<string, string> = {
 const STATE_CONFIG = {
   done: {
     icon: CheckCircle2,
-    dotClass: 'bg-action text-white',
+    dotClass: 'bg-action text-action-text',
     labelClass: 'text-action',
     lineClass: 'bg-action',
   },
diff --git a/src/components/admin/service-form/ProcessSection.tsx b/src/components/admin/service-form/ProcessSection.tsx
index 6f6ddbe1f..68f57eb37 100644
--- a/src/components/admin/service-form/ProcessSection.tsx
+++ b/src/components/admin/service-form/ProcessSection.tsx
@@ -25,7 +25,7 @@ export function ProcessSection({ steps, onAdd, onUpdate, onRemove }: ProcessSect
           >
             <div className="flex items-center justify-between">
               <div className="flex items-center gap-2">
-                <div className="w-8 h-8 bg-action text-white rounded-full flex items-center justify-center text-sm font-bold">
+                <div className="w-8 h-8 bg-action text-action-text rounded-full flex items-center justify-center text-sm font-bold">
                   {step.step}
                 </div>
                 <span className="text-sm font-medium text-text-secondary">
diff --git a/src/components/admin/team/activity/ActivityCard.tsx b/src/components/admin/team/activity/ActivityCard.tsx
index ecb7066ac..c9194a255 100644
--- a/src/components/admin/team/activity/ActivityCard.tsx
+++ b/src/components/admin/team/activity/ActivityCard.tsx
@@ -85,7 +85,7 @@ export function ActivityCard({ activity }: ActivityCardProps) {
     <div className="bg-surface-base rounded-lg border border-subtle p-4 hover:border-strong transition-shadow">
       <div className="flex gap-3">
         {/* Avatar */}
-        <Avatar name={activity.user_name || activity.user_email} size="md" colorClassName="bg-action text-white" />
+        <Avatar name={activity.user_name || activity.user_email} size="md" colorClassName="bg-action text-action-text" />
 
         {/* Content */}
         <div className="flex-1 min-w-0">
diff --git a/src/components/admin/users/UserTableRow.tsx b/src/components/admin/users/UserTableRow.tsx
index 59f7c48a7..60dfaeb0c 100644
--- a/src/components/admin/users/UserTableRow.tsx
+++ b/src/components/admin/users/UserTableRow.tsx
@@ -70,7 +70,7 @@ function UserInfoCell({
   userIsStaff: boolean
 }) {
   const avatarColor = userIsSuperAdmin || userIsStaff
-    ? 'bg-action text-white'
+    ? 'bg-action text-action-text'
     : 'bg-surface-overlay text-text-primary'
 
   return (
diff --git a/src/components/auth/UserMenu.tsx b/src/components/auth/UserMenu.tsx
index 3c5e4d273..c607cef1b 100644
--- a/src/components/auth/UserMenu.tsx
+++ b/src/components/auth/UserMenu.tsx
@@ -157,7 +157,7 @@ export function UserMenu() {
             unoptimized
           />
         ) : (
-          <div className="w-8 h-8 rounded-full bg-action flex items-center justify-center text-white text-xs font-semibold ring-2 ring-white">
+          <div className="w-8 h-8 rounded-full bg-action flex items-center justify-center text-action-text text-xs font-semibold ring-2 ring-white">
             {initials}
           </div>
         )}
@@ -194,7 +194,7 @@ export function UserMenu() {
                   unoptimized
                 />
               ) : (
-                <div className="w-10 h-10 rounded-full bg-action flex items-center justify-center text-white text-sm font-semibold">
+                <div className="w-10 h-10 rounded-full bg-action flex items-center justify-center text-action-text text-sm font-semibold">
                   {initials}
                 </div>
               )}
diff --git a/src/components/blog/BlogComments.tsx b/src/components/blog/BlogComments.tsx
index db3cf3cb5..69005ee85 100644
--- a/src/components/blog/BlogComments.tsx
+++ b/src/components/blog/BlogComments.tsx
@@ -126,7 +126,7 @@ export default function BlogComments({ slug }: { slug: string }) {
                 {c.authorImage ? (
                   <img src={c.authorImage} alt="" className="h-9 w-9 shrink-0 rounded-full" />
                 ) : (
-                  <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action text-xs font-semibold text-white">
+                  <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action text-xs font-semibold text-action-text">
                     {initials(c.authorName)}
                   </div>
                 )}
diff --git a/src/components/decisions/voting/OptionCard.tsx b/src/components/decisions/voting/OptionCard.tsx
index 1e9f868ec..14c65504f 100644
--- a/src/components/decisions/voting/OptionCard.tsx
+++ b/src/components/decisions/voting/OptionCard.tsx
@@ -41,7 +41,7 @@ export function OptionCard({
             className="object-contain p-2"
           />
           {selected && (
-            <div className="absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-action text-white shadow-sm">
+            <div className="absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-action text-action-text shadow-sm">
               <svg className="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={3}>
                 <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
               </svg>
diff --git a/src/components/deliverables/DeliverableChat.tsx b/src/components/deliverables/DeliverableChat.tsx
index 701a1054f..13076c5aa 100644
--- a/src/components/deliverables/DeliverableChat.tsx
+++ b/src/components/deliverables/DeliverableChat.tsx
@@ -74,7 +74,7 @@ export default function DeliverableChat({
               <div
                 className={`inline-block rounded-lg px-3 py-2 text-sm text-left max-w-[85%] ${
                   t.role === 'user'
-                    ? 'bg-action text-white whitespace-pre-wrap'
+                    ? 'bg-action text-action-text whitespace-pre-wrap'
                     : 'bg-surface-raised text-text-primary'
                 }`}
               >
diff --git a/src/components/hirn/HirnChatPanel.tsx b/src/components/hirn/HirnChatPanel.tsx
index acbb3ab27..c01a9d752 100644
--- a/src/components/hirn/HirnChatPanel.tsx
+++ b/src/components/hirn/HirnChatPanel.tsx
@@ -200,7 +200,7 @@ export function HirnChatPanel({ isOpen, onClose, context, pathname, isAuthentica
             </p>
             <Link
               href={ROUTES.public.login}
-              className="inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg bg-action text-white hover:bg-action-hover transition-colors"
+              className="inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg bg-action text-action-text hover:bg-action-hover transition-colors"
             >
               {t('loginCta')}
             </Link>
@@ -245,7 +245,7 @@ export function HirnChatPanel({ isOpen, onClose, context, pathname, isAuthentica
                     <div
                       className={`max-w-[85%] whitespace-pre-wrap text-sm ${
                         message.role === 'user'
-                          ? 'bg-action text-white rounded-2xl rounded-br-sm px-4 py-2'
+                          ? 'bg-action text-action-text rounded-2xl rounded-br-sm px-4 py-2'
                           : 'bg-surface-raised text-text-primary rounded-2xl rounded-bl-sm px-4 py-3'
                       }`}
                     >
diff --git a/src/components/it-hilfe/detail/ConfirmReviewCard.tsx b/src/components/it-hilfe/detail/ConfirmReviewCard.tsx
index cc6821210..b1143f584 100644
--- a/src/components/it-hilfe/detail/ConfirmReviewCard.tsx
+++ b/src/components/it-hilfe/detail/ConfirmReviewCard.tsx
@@ -129,7 +129,7 @@ export function ConfirmReviewCard({
               variant="outline"
               className={`flex-1 py-3 px-4 min-h-touch font-medium border-2 ${
                 recommended === true
-                  ? 'bg-action text-white border-action'
+                  ? 'bg-action text-action-text border-action'
                   : 'bg-surface-base text-text-secondary border-default hover:border-action'
               }`}
             >
diff --git a/src/components/layout/MobileMenu.tsx b/src/components/layout/MobileMenu.tsx
index 818b489fb..adfc0443d 100644
--- a/src/components/layout/MobileMenu.tsx
+++ b/src/components/layout/MobileMenu.tsx
@@ -330,7 +330,7 @@ export function MobileMenu({
             <div className="space-y-3">
               {/* User Info */}
               <div className="flex items-center gap-3 p-3 bg-action-muted/8 rounded-xl border border-subtle dark:border-action/20">
-                <div className="w-10 h-10 rounded-full bg-action flex items-center justify-center text-white text-sm font-semibold shrink-0">
+                <div className="w-10 h-10 rounded-full bg-action flex items-center justify-center text-action-text text-sm font-semibold shrink-0">
                   {session.user.name
                     ?.split(' ')
                     .map((n) => n[0])
diff --git a/src/components/layout/Section.tsx b/src/components/layout/Section.tsx
index 143d2be81..6ab0b86a3 100644
--- a/src/components/layout/Section.tsx
+++ b/src/components/layout/Section.tsx
@@ -36,7 +36,7 @@ const densityClass: Record<Density, string> = {
 const toneClass: Record<Tone, string> = {
   surface: 'bg-surface-base',
   tinted:  'bg-surface-raised',
-  inverse: 'bg-action text-white',
+  inverse: 'bg-action text-action-text',
 }
 
 export function Section({
diff --git a/src/components/marketplace/OrderStatusTimeline.tsx b/src/components/marketplace/OrderStatusTimeline.tsx
index bd1eee4a0..81871a57e 100644
--- a/src/components/marketplace/OrderStatusTimeline.tsx
+++ b/src/components/marketplace/OrderStatusTimeline.tsx
@@ -89,7 +89,7 @@ export function OrderStatusTimeline({
             <div className="flex flex-col items-center shrink-0 min-w-[60px]">
               <div className={`w-8 h-8 rounded-full flex items-center justify-center transition-colors ${
                 reached
-                  ? 'bg-action text-white'
+                  ? 'bg-action text-action-text'
                   : 'bg-surface-overlay text-text-muted'
               }`}>
                 {reached
diff --git a/src/components/messages/ConversationList.tsx b/src/components/messages/ConversationList.tsx
index e10f9f6e7..33e58a4cd 100644
--- a/src/components/messages/ConversationList.tsx
+++ b/src/components/messages/ConversationList.tsx
@@ -91,7 +91,7 @@ export default function ConversationList({ conversations, selectedId, onSelect }
                   {conv.last_message_preview || t('noMessage')}
                 </p>
                 {conv.unread_count > 0 && (
-                  <span className="ml-2 shrink-0 inline-flex items-center justify-center w-5 h-5 text-xs font-bold text-white bg-action rounded-full">
+                  <span className="ml-2 shrink-0 inline-flex items-center justify-center w-5 h-5 text-xs font-bold text-action-text bg-action rounded-full">
                     {conv.unread_count}
                   </span>
                 )}
diff --git a/src/components/messages/MessageThread.tsx b/src/components/messages/MessageThread.tsx
index 112ec1ec7..9df96d5e7 100644
--- a/src/components/messages/MessageThread.tsx
+++ b/src/components/messages/MessageThread.tsx
@@ -167,7 +167,7 @@ export default function MessageThread({
                 <div
                   className={`max-w-[80%] rounded-2xl px-4 py-2.5 ${
                     isMine
-                      ? 'bg-action text-white rounded-br-md'
+                      ? 'bg-action text-action-text rounded-br-md'
                       : 'bg-surface-raised text-text-primary rounded-bl-md'
                   }`}
                 >
diff --git a/src/components/messaging/MessageSidebar.tsx b/src/components/messaging/MessageSidebar.tsx
index c7f69d054..9c754321f 100644
--- a/src/components/messaging/MessageSidebar.tsx
+++ b/src/components/messaging/MessageSidebar.tsx
@@ -196,7 +196,7 @@ export function MessageSidebar({ isOpen, onClose, initialConversationId }: Messa
                             {conversation.type}
                           </span>
                           {conversation.unread_count > 0 && (
-                            <span className="bg-action text-white text-xs px-2 py-1 rounded-full">
+                            <span className="bg-action text-action-text text-xs px-2 py-1 rounded-full">
                               {conversation.unread_count}
                             </span>
                           )}
@@ -247,7 +247,7 @@ export function MessageSidebar({ isOpen, onClose, initialConversationId }: Messa
                         <div
                           className={`max-w-xs px-4 py-2 rounded-lg ${
                             isOwn
-                              ? 'bg-action text-white'
+                              ? 'bg-action text-action-text'
                               : 'bg-surface-raised text-text-primary'
                           }`}
                         >
diff --git a/src/components/services/ServiceProcess.tsx b/src/components/services/ServiceProcess.tsx
index 048074980..6822683c4 100644
--- a/src/components/services/ServiceProcess.tsx
+++ b/src/components/services/ServiceProcess.tsx
@@ -21,7 +21,7 @@ export default function ServiceProcessSection({ process }: ServiceProcessProps)
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8">
           {process.map((step, index) => (
             <div key={index} className="text-center">
-              <div className="w-12 h-12 sm:w-16 sm:h-16 bg-action text-white rounded-full flex items-center justify-center text-lg sm:text-xl font-bold mx-auto mb-3 sm:mb-4">
+              <div className="w-12 h-12 sm:w-16 sm:h-16 bg-action text-action-text rounded-full flex items-center justify-center text-lg sm:text-xl font-bold mx-auto mb-3 sm:mb-4">
                 {step.step}
               </div>
               <h3 className={cn('text-lg sm:text-xl font-bold mb-2 sm:mb-3', getTextColor('neutral', 'primary'))}>{step.title}</h3>
diff --git a/src/components/ui/LocaleSwitcher.tsx b/src/components/ui/LocaleSwitcher.tsx
index 4be29d9f1..71914e3f9 100644
--- a/src/components/ui/LocaleSwitcher.tsx
+++ b/src/components/ui/LocaleSwitcher.tsx
@@ -89,7 +89,7 @@ export function LocaleSwitcher({ className, openUpward = false, inline = false,
                 'min-h-touch flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-colors',
                 'focus:outline-hidden focus-visible:ring-2 focus-visible:ring-action',
                 active
-                  ? 'bg-action text-white'
+                  ? 'bg-action text-action-text'
                   : 'bg-surface-raised text-text-secondary hover:bg-surface-base',
                 isPending && 'opacity-50 cursor-wait',
               )}
diff --git a/src/components/ui/Logo.tsx b/src/components/ui/Logo.tsx
index 5d95f6c1c..d75ef320c 100644
--- a/src/components/ui/Logo.tsx
+++ b/src/components/ui/Logo.tsx
@@ -39,14 +39,16 @@ export function Logo({ className, href = '/', showText = true }: LogoProps) {
         aria-hidden="true"
         className="h-9 w-9 shrink-0 transition-transform duration-200 group-hover:scale-105 sm:h-11 sm:w-11"
         fill="none"
-        stroke="var(--color-primary-600)"
+        stroke="var(--color-action)"
         strokeWidth={EVIG_MARK.strokeWidth}
         strokeLinecap="round"
         strokeLinejoin="round"
       >
-        {EVIG_MARK.paths.map((d) => (
-          <path key={d} d={d} />
-        ))}
+        <g transform={EVIG_MARK.transform}>
+          {EVIG_MARK.paths.map((d) => (
+            <path key={d} d={d} />
+          ))}
+        </g>
       </svg>
       {showText && (
         <span className="font-sans text-2xl font-bold tracking-tight text-text-primary sm:text-3xl">
diff --git a/src/components/workshops/WorkshopRegistrationForm.tsx b/src/components/workshops/WorkshopRegistrationForm.tsx
index 32caf935c..daad3d548 100644
--- a/src/components/workshops/WorkshopRegistrationForm.tsx
+++ b/src/components/workshops/WorkshopRegistrationForm.tsx
@@ -236,7 +236,7 @@ export default function WorkshopRegistrationForm({ workshop, instance }: Worksho
         <Button
           type="button"
           onClick={() => setRegistrationUIStatus('not-registered')}
-          className="w-full bg-action text-white hover:opacity-90"
+          className="w-full bg-action text-action-text hover:opacity-90"
         >
           {t('retryButton')}
         </Button>
diff --git a/src/config/brand.ts b/src/config/brand.ts
index 0c0b51a20..4129f93db 100644
--- a/src/config/brand.ts
+++ b/src/config/brand.ts
@@ -1,20 +1,22 @@
 /**
  * Brand geometry — SINGLE SOURCE OF TRUTH for the evig "eternal loop" mark.
  *
- * The Möbius/infinity mark (evig = "eternal" + the circular-reuse loop) is drawn
- * from these two stroked paths on a 0 0 64 64 canvas. Everything that renders the
- * mark — the <Logo> component, the OG share card, and the favicon/OG/panel raster
- * generators — reads it from HERE. Change the mark once, and every surface follows.
+ * The refined eternal loop (evig = "eternal" + the circular-reuse loop) is a
+ * single-stroke closed infinity, tilted -8°. Everything that renders the mark —
+ * the <Logo> component, the /vision manifesto, the OG share card, and the
+ * favicon/OG/panel raster generators — reads it from HERE. Change the mark once,
+ * and every surface follows.
  *
- * The brand green comes from the design-token SSOT (`--color-primary-600` in
- * globals.css); components reference that token, never a hardcoded hex.
+ * The mark colour comes from the design-token SSOT (`--color-action` /
+ * `--accent-action` — Ion Lime); components reference that token, never a hex.
  */
 export const EVIG_MARK = {
   viewBox: '0 0 64 64',
-  strokeWidth: 9,
-  /** Two continuous strands; the left loop's gap is the Möbius over/under twist. */
+  strokeWidth: 7,
+  /** Slight tilt gives the loop motion; renderers wrap the paths in this transform. */
+  transform: 'rotate(-8 32 32)',
+  /** One continuous closed infinity stroke. */
   paths: [
-    'M30 30 C23 20 10 22 10 32 C10 42 23 44 30 34',
-    'M27 35 C33 25 41 21 46 21 C55 21 55 34 49 39 C43 43 35 43 30 34 C28 31 27 30 26 29',
+    'M32 32 C24 19 12 19 12 32 C12 45 24 45 32 32 C40 19 52 19 52 32 C52 45 40 45 32 32',
   ],
 } as const
diff --git a/src/config/ui-colors.ts b/src/config/ui-colors.ts
index 1eb17aa75..1eaa245c1 100644
--- a/src/config/ui-colors.ts
+++ b/src/config/ui-colors.ts
@@ -60,7 +60,7 @@ export const DEFAULT_CATEGORY_COLOR = UI_COLOR_PALETTE[0]
 export const OG_IMAGE_COLORS = {
   backgroundGradient: 'linear-gradient(135deg, #0a0a0a 0%, #0d1512 55%, #0a0a0a 100%)',
   heading: '#ffffff',
-  accent: '#22c55e',
+  accent: '#B6F531',
   body: '#a3a3a3',
   meta: '#6b7280',
 } as const
@@ -82,7 +82,7 @@ export const ELEMENT_SELECTION_COLORS = {
 /** Feedback scope accent colors */
 export const FEEDBACK_SCOPE_COLORS = {
   site: '#7c3aed',
-  page: '#16a34a',
+  page: '#4d7c0f',
   element: '#2563eb',
 } as const
 
@@ -95,7 +95,7 @@ export const GLOBAL_ERROR_COLORS = {
   pageBg: '#f9fafb',
   heading: '#111827',
   body: '#4b5563',
-  primary: '#16a34a',
+  primary: '#4d7c0f',
   white: '#fff',
   secondaryText: '#374151',
   border: '#d1d5db',
@@ -108,7 +108,7 @@ export const EMAIL_INLINE_COLORS = {
 
 /** Standalone newsletter-confirmation HTML cannot consume CSS variables. */
 export const NEWSLETTER_CONFIRMATION_COLORS = {
-  success: '#22c55e',
+  success: '#4d7c0f',
   error: '#dc2626',
   body: '#333333',
   page: '#fafafa',
diff --git a/src/db/schema/content.ts b/src/db/schema/content.ts
index 8de63e6a0..a29fb021f 100644
--- a/src/db/schema/content.ts
+++ b/src/db/schema/content.ts
@@ -10,7 +10,7 @@ export const blogCategories = pgTable('blog_categories', {
   slug: text('slug').notNull().unique(),
   name: text('name').notNull(),
   description: text('description'),
-  color: text('color').default('#16a34a'),
+  color: text('color').default('#4d7c0f'),
   sortOrder: integer('sort_order').default(0),
   createdAt: timestamp('created_at', { withTimezone: true, mode: 'string' }).defaultNow(),
   updatedAt: timestamp('updated_at', { withTimezone: true, mode: 'string' }).defaultNow(),
diff --git a/src/lib/admin-ui.ts b/src/lib/admin-ui.ts
index d8e91470e..512a6a7d6 100644
--- a/src/lib/admin-ui.ts
+++ b/src/lib/admin-ui.ts
@@ -188,7 +188,7 @@ export const adminInteractive = {
   /** Unread notification row tint */
   unreadTint:      'bg-action-muted/50',
   /** Active team member avatar */
-  avatarActive:    'bg-action text-white',
+  avatarActive:    'bg-action text-action-text',
   /** Inactive team member avatar — readable initials on dark admin chrome */
   avatarInactive:  'bg-surface-overlay text-text-secondary',
 } as const
diff --git a/src/lib/design-system.ts b/src/lib/design-system.ts
index 1eb3089c3..dfb3e7531 100644
--- a/src/lib/design-system.ts
+++ b/src/lib/design-system.ts
@@ -209,9 +209,9 @@ export function getStatusColors(status: keyof typeof statusColors) {
  */
 export const buttonVariants = {
   primary: {
-    bg: 'bg-action',
-    hover: 'hover:bg-action-hover',
-    text: 'text-action-text',
+    bg: 'bg-action-strong',
+    hover: 'hover:opacity-90',
+    text: 'text-action-strong-text',
     border: 'border-transparent',
   },
   secondary: {
diff --git a/src/lib/email/templates/base-styles.ts b/src/lib/email/templates/base-styles.ts
index e449a6e8a..774c065d9 100644
--- a/src/lib/email/templates/base-styles.ts
+++ b/src/lib/email/templates/base-styles.ts
@@ -10,18 +10,18 @@ export const BASE_STYLES = `
   body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
   .container { max-width: 600px; margin: 0 auto; padding: 20px; }
   .header { padding: 20px; text-align: center; color: white; }
-  .header-green { background-color: #22c55e; }
+  .header-green { background-color: #4d7c0f; }
   .header-red { background-color: #dc2626; }
   .header-orange { background-color: #f59e0b; }
   .header-blue { background-color: #3b82f6; }
   .header-purple { background-color: #8b5cf6; }
   .content { padding: 30px 20px; background-color: #f9f9f9; }
   .button { display: inline-block; padding: 12px 24px; color: white; text-decoration: none; border-radius: 5px; margin: 20px 0; }
-  .button-green { background-color: #22c55e; }
+  .button-green { background-color: #4d7c0f; }
   .button-orange { background-color: #f59e0b; }
   .button-blue { background-color: #3b82f6; }
   .button-purple { background-color: #8b5cf6; }
-  .code { font-size: 32px; font-weight: bold; letter-spacing: 8px; color: #22c55e; background-color: #f0fdf4; padding: 20px; text-align: center; border-radius: 8px; margin: 20px 0; }
+  .code { font-size: 32px; font-weight: bold; letter-spacing: 8px; color: #4d7c0f; background-color: #f7fee7; padding: 20px; text-align: center; border-radius: 8px; margin: 20px 0; }
   .footer { padding: 20px; text-align: center; color: #666; font-size: 12px; }
   .highlight-box { background-color: #fef3c7; padding: 15px; border-radius: 5px; margin: 15px 0; }
 `;
diff --git a/src/lib/email/templates/donation-dropoff.ts b/src/lib/email/templates/donation-dropoff.ts
index 7bf675ebe..5005c65fd 100644
--- a/src/lib/email/templates/donation-dropoff.ts
+++ b/src/lib/email/templates/donation-dropoff.ts
@@ -58,10 +58,10 @@ export const donationDropoffNotification = (fields: DropoffFields): EmailContent
         ${optionalRow('Bevorzugter Termin', eDate)}
       </table>
       <p><strong>Geräte:</strong></p>
-      <div style="background:#f9fafb; border-left:4px solid #22c55e; padding:16px; margin:12px 0; border-radius:4px;">
+      <div style="background:#f9fafb; border-left:4px solid #4d7c0f; padding:16px; margin:12px 0; border-radius:4px;">
         ${eDevicesHtml}
       </div>
-      ${eNotesHtml ? `<p><strong>Anmerkungen:</strong></p><div style="background:#f9fafb; border-left:4px solid #22c55e; padding:16px; margin:12px 0; border-radius:4px;">${eNotesHtml}</div>` : ''}
+      ${eNotesHtml ? `<p><strong>Anmerkungen:</strong></p><div style="background:#f9fafb; border-left:4px solid #4d7c0f; padding:16px; margin:12px 0; border-radius:4px;">${eNotesHtml}</div>` : ''}
       <p style="margin-top:24px;">
         <a href="mailto:${eEmail}" class="button button-green">Direkt antworten</a>
       </p>
@@ -91,7 +91,7 @@ export const donationDropoffConfirmation = (fields: DropoffFields): EmailContent
       <p>vielen Dank, dass du ${ORG.name} Geräte spenden möchtest! Wir haben deine Anmeldung erhalten.</p>
       ${dateLine}
       <p><strong>Du hast angegeben:</strong></p>
-      <div style="background:#f9fafb; border-left:4px solid #22c55e; padding:16px; margin:12px 0; border-radius:4px;">
+      <div style="background:#f9fafb; border-left:4px solid #4d7c0f; padding:16px; margin:12px 0; border-radius:4px;">
         ${eDevicesHtml}
       </div>
       <div class="highlight-box">
diff --git a/src/lib/email/templates/inquiry.ts b/src/lib/email/templates/inquiry.ts
index 594582360..3fd8bba75 100644
--- a/src/lib/email/templates/inquiry.ts
+++ b/src/lib/email/templates/inquiry.ts
@@ -38,7 +38,7 @@ export const inquiryNotification = (
         <tr><td style="padding:8px; font-weight:bold;">E-Mail</td><td style="padding:8px;"><a href="mailto:${eEmail}">${eEmail}</a></td></tr>
       </table>
       <p><strong>Nachricht:</strong></p>
-      <div style="background:#f9fafb; border-left:4px solid #22c55e; padding:16px; margin:12px 0; border-radius:4px;">
+      <div style="background:#f9fafb; border-left:4px solid #4d7c0f; padding:16px; margin:12px 0; border-radius:4px;">
         ${eMessageHtml}
       </div>
       <p style="margin-top:24px;">
diff --git a/src/lib/email/templates/it-hilfe.ts b/src/lib/email/templates/it-hilfe.ts
index 1c3d776c4..0abd76cda 100644
--- a/src/lib/email/templates/it-hilfe.ts
+++ b/src/lib/email/templates/it-hilfe.ts
@@ -56,7 +56,7 @@ export const itHilfeRequestConfirmation = (
           </div>
           ` : ''}
 
-          <div style="background-color: #f0fdf4; padding: 15px; border-radius: 5px; margin: 15px 0;">
+          <div style="background-color: #f7fee7; padding: 15px; border-radius: 5px; margin: 15px 0;">
             <p><strong>Über ${ORG.name}</strong></p>
             <p>Wir sind ein Schweizer Verein für nachhaltige IT. Reparieren statt Wegwerfen ist unser Motto.</p>
           </div>
@@ -158,7 +158,7 @@ export const itHilfeAnonymousRequestClaim = (
             Dieser Link ist 7 Tage gültig. Falls er abgelaufen ist, kannst du auf der Anmeldeseite "Passwort vergessen" wählen und einen neuen Link anfordern.
           </p>
 
-          <div style="background-color: #f0fdf4; padding: 15px; border-radius: 5px; margin: 15px 0;">
+          <div style="background-color: #f7fee7; padding: 15px; border-radius: 5px; margin: 15px 0;">
             <p style="margin: 0;"><strong>Was passiert als Nächstes?</strong></p>
             <p style="margin: 8px 0 0 0;">Sobald dein Konto aktiviert ist, siehst du eingehende Angebote von Technikern aus der Community. Du entscheidest, welches Angebot du annimmst.</p>
           </div>
@@ -245,7 +245,7 @@ export const helperNewMatchingRequest = (
 
           <p><strong>Deine passenden Fähigkeiten:</strong></p>
           <div style="margin: 10px 0;">
-            ${matchingSkillNames.map(skill => `<span style="display: inline-block; background-color: #dcfce7; color: #166534; padding: 4px 12px; border-radius: 12px; font-size: 13px; margin: 3px 2px;">${escapeHtml(skill)}</span>`).join('')}
+            ${matchingSkillNames.map(skill => `<span style="display: inline-block; background-color: #ecfccb; color: #365314; padding: 4px 12px; border-radius: 12px; font-size: 13px; margin: 3px 2px;">${escapeHtml(skill)}</span>`).join('')}
           </div>
 
           <a href="${requestUrl}" class="button button-green">Anfrage ansehen &amp; Angebot machen</a>
diff --git a/src/lib/email/templates/marketplace.ts b/src/lib/email/templates/marketplace.ts
index c824b2ed8..8cd10e7e8 100644
--- a/src/lib/email/templates/marketplace.ts
+++ b/src/lib/email/templates/marketplace.ts
@@ -56,7 +56,7 @@ export function listingPublishedConfirmation(data: ListingPublishedData): { subj
         <p>Hallo ${escapeHtml(data.recipientName)},</p>
         <p>Dein Inserat <strong>"${escapeHtml(data.listingTitle)}"</strong> wurde erfolgreich veröffentlicht und ist jetzt im Marketplace sichtbar.</p>
         <p>
-          <a href="${data.listingUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.listingUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Inserat ansehen
           </a>
         </p>
@@ -111,7 +111,7 @@ export function newListingQuestion(data: NewListingQuestionData): { subject: str
           <p style="margin: 0; color: #374151;">${escapeHtml(data.questionPreview)}</p>
         </div>
         <p>
-          <a href="${data.listingUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.listingUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Jetzt antworten
           </a>
         </p>
@@ -177,7 +177,7 @@ export function orderConfirmationBuyer(data: OrderConfirmationBuyerData): { subj
           </table>
         </div>
         <p>
-          <a href="${data.orderUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.orderUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bestellung ansehen
           </a>
         </p>
@@ -203,12 +203,12 @@ export function newOrderNotificationSeller(data: NewOrderNotificationSellerData)
         <p><strong>${escapeHtml(data.buyerName)}</strong> hat dein Inserat <strong>"${escapeHtml(data.listingTitle)}"</strong> bestellt.</p>
         <div style="background-color: #f3f4f6; border-radius: 8px; padding: 16px; margin: 16px 0;">
           <table style="width: 100%; border-collapse: collapse;">
-            <tr><td style="padding: 4px 0; color: #6b7280;">Deine Auszahlung</td><td style="padding: 4px 0; text-align: right; font-weight: 600; color: #16a34a;">${escapeHtml(data.payoutAmountChf)}</td></tr>
+            <tr><td style="padding: 4px 0; color: #6b7280;">Deine Auszahlung</td><td style="padding: 4px 0; text-align: right; font-weight: 600; color: #4d7c0f;">${escapeHtml(data.payoutAmountChf)}</td></tr>
             <tr><td style="padding: 4px 0; color: #6b7280;">Lieferart</td><td style="padding: 4px 0; text-align: right;">${escapeHtml(data.deliveryMethod)}</td></tr>
           </table>
         </div>
         <p>
-          <a href="${data.orderUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.orderUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bestellung verwalten
           </a>
         </p>
@@ -237,7 +237,7 @@ export function orderStatusUpdate(data: OrderStatusUpdateData): { subject: strin
         </div>
         ${data.actionHint ? `<p style="color: #374151;">${escapeHtml(data.actionHint)}</p>` : ''}
         <p>
-          <a href="${data.orderUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.orderUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bestellung ansehen
           </a>
         </p>
@@ -284,7 +284,7 @@ export function orderReceiptConfirmed(data: OrderReceiptConfirmedData): { subjec
         <p>Der Käufer hat den Erhalt von <strong>"${escapeHtml(data.listingTitle)}"</strong> bestätigt. Die Zahlung wurde freigegeben und wird dir in Kürze ausbezahlt.</p>
         <p style="color: #6b7280; font-size: 14px;">Bestellnummer: ${escapeHtml(data.orderNumber)}</p>
         <p>
-          <a href="${data.orderUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.orderUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bestellung ansehen
           </a>
         </p>
@@ -308,7 +308,7 @@ export function orderReviewPrompt(data: OrderReviewPromptData): { subject: strin
         <p>Hallo ${escapeHtml(data.recipientName)},</p>
         <p>Wir hoffen, du bist zufrieden mit <strong>"${escapeHtml(data.listingTitle)}"</strong>. Deine Bewertung hilft anderen Käuferinnen und Käufern bei der Entscheidung und unterstützt verantwortungsvolle Verkäufer.</p>
         <p>
-          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Jetzt bewerten
           </a>
         </p>
@@ -341,7 +341,7 @@ export function orderReviewReceived(data: OrderReviewReceivedData): { subject: s
           ${escapeHtml(data.content)}
         </blockquote>
         <p>
-          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bewertung ansehen
           </a>
         </p>
@@ -367,7 +367,7 @@ export function listingReviewNotification(data: ListingReviewData): { subject: s
           <p style="margin: 8px 0 0; color: #374151; font-weight: 600;">${data.rating} von 5 Sternen</p>
         </div>
         <p>
-          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #16a34a; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
+          <a href="${data.reviewUrl}" style="display: inline-block; background-color: #4d7c0f; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600;">
             Bewertung ansehen
           </a>
         </p>
diff --git a/src/lib/email/templates/projects.ts b/src/lib/email/templates/projects.ts
index eb6245936..884be5655 100644
--- a/src/lib/email/templates/projects.ts
+++ b/src/lib/email/templates/projects.ts
@@ -47,7 +47,7 @@ export const projectContributionNotification = (
         <tr style="background:#f3f4f6;"><td style="padding:8px; font-weight:bold;">Organisation</td><td style="padding:8px;">${eOrg}</td></tr>
       </table>
       <p><strong>Nachricht:</strong></p>
-      <div style="background:#f9fafb; border-left:4px solid #22c55e; padding:16px; margin:12px 0; border-radius:4px;">
+      <div style="background:#f9fafb; border-left:4px solid #4d7c0f; padding:16px; margin:12px 0; border-radius:4px;">
         ${eMessageHtml}
       </div>
       <p style="margin-top:24px;">
diff --git a/src/lib/email/templates/referral.ts b/src/lib/email/templates/referral.ts
index 6b86b3a6d..c38ee03a5 100644
--- a/src/lib/email/templates/referral.ts
+++ b/src/lib/email/templates/referral.ts
@@ -16,10 +16,10 @@ export const referralInvitation = (inviterName: string, referralUrl: string): Em
         <title>Einladung zu ${ORG.name}</title>
         <style>
           ${BASE_STYLES}
-          .invite-box { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center; }
+          .invite-box { background: #f7fee7; border: 1px solid #d9f99d; border-radius: 8px; padding: 20px; margin: 20px 0; text-align: center; }
           .invite-box p { margin: 0 0 12px; font-size: 14px; color: #555; }
-          .url-box { background: #fff; border: 1px solid #d1fae5; border-radius: 6px; padding: 10px 16px; font-family: monospace; font-size: 13px; word-break: break-all; color: #166534; }
-          .badge { display: inline-block; background: #22c55e; color: #fff; border-radius: 20px; padding: 4px 14px; font-size: 13px; font-weight: bold; margin-bottom: 8px; }
+          .url-box { background: #fff; border: 1px solid #d1fae5; border-radius: 6px; padding: 10px 16px; font-family: monospace; font-size: 13px; word-break: break-all; color: #365314; }
+          .badge { display: inline-block; background: #4d7c0f; color: #fff; border-radius: 20px; padding: 4px 14px; font-size: 13px; font-weight: bold; margin-bottom: 8px; }
         </style>
       </head>
       <body>
@@ -87,9 +87,9 @@ export const referralCouponReceived = (
         <title>Dein Gutschein</title>
         <style>
           ${BASE_STYLES}
-          .coupon { background: #f0fdf4; border: 2px dashed #22c55e; border-radius: 10px; padding: 24px; margin: 20px 0; text-align: center; }
-          .coupon-amount { font-size: 36px; font-weight: bold; color: #15803d; margin: 8px 0; }
-          .coupon-code { font-family: monospace; font-size: 22px; font-weight: bold; letter-spacing: 4px; color: #166534; background: #fff; border: 1px solid #bbf7d0; border-radius: 6px; padding: 10px 20px; display: inline-block; margin: 12px 0; }
+          .coupon { background: #f7fee7; border: 2px dashed #4d7c0f; border-radius: 10px; padding: 24px; margin: 20px 0; text-align: center; }
+          .coupon-amount { font-size: 36px; font-weight: bold; color: #3f6212; margin: 8px 0; }
+          .coupon-code { font-family: monospace; font-size: 22px; font-weight: bold; letter-spacing: 4px; color: #365314; background: #fff; border: 1px solid #d9f99d; border-radius: 6px; padding: 10px 20px; display: inline-block; margin: 12px 0; }
         </style>
       </head>
       <body>
diff --git a/src/lib/invoices/pdf-template.ts b/src/lib/invoices/pdf-template.ts
index 8d33f8a3d..07a466648 100644
--- a/src/lib/invoices/pdf-template.ts
+++ b/src/lib/invoices/pdf-template.ts
@@ -115,10 +115,10 @@ function generateInvoiceHTML(invoice: InvoiceData): string {
           align-items: flex-start;
           margin-bottom: 40px;
           padding-bottom: 20px;
-          border-bottom: 2px solid #16a34a;
+          border-bottom: 2px solid #4d7c0f;
         }
         .company-info h1 {
-          color: #16a34a;
+          color: #4d7c0f;
           margin: 0;
           font-size: 28px;
         }
@@ -127,7 +127,7 @@ function generateInvoiceHTML(invoice: InvoiceData): string {
         }
         .invoice-details h2 {
           margin: 0 0 10px 0;
-          color: #16a34a;
+          color: #4d7c0f;
         }
         .customer-info {
           margin-bottom: 30px;