fix: use actual Agiliton brand colors (indigo #667eea + purple #764ba2)

Extracted from agiliton.eu — indigo/purple gradient palette,
not green. Applied to all shortcodes, badges, links, accents.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

assets/css/main.css

@@ -40,9 +40,9 @@
   --ifk-font: 'Newsreader', 'Times New Roman', serif;
   --ifk-text: #1c1917;
   --ifk-bg: #fafaf9;
-  --ifk-accent: #65a30d;
-  --ifk-accent-hover: #4d7c0f;
-  --ifk-secondary: #84cc16;
+  --ifk-accent: #667eea;
+  --ifk-accent-hover: #764ba2;
+  --ifk-secondary: #667eea;
 }
 
 /* Utility classes for colors */
@@ -298,10 +298,10 @@ nav a:hover {
 }
 
 /* Status badges (for shortcodes) */
-.csm-enforced { background: #84cc16; color: white; }
-.csm-passed { background: #65a30d; color: white; }
-.csm-progress { background: #a3e635; color: #365314; }
-.csm-guidelines { background: #d9f99d; color: #365314; }
+.csm-enforced { background: #667eea; color: white; }
+.csm-passed { background: #764ba2; color: white; }
+.csm-progress { background: #a5b4fc; color: #312e81; }
+.csm-guidelines { background: #e0e7ff; color: #3730a3; }
 
 /* Shortcode-specific overrides */
 .ifk-stat-num { font-family: var(--ifk-font); }

layouts/shortcodes/child-safety-map.html

@@ -14,14 +14,14 @@
 .csm-container h3 { text-align: center; margin-bottom: 0.5rem; font-size: 1.25rem; }
 .csm-subtitle { text-align: center; color: #666; font-size: 0.85rem; margin-bottom: 1rem; }
 .csm-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
-.csm-table th { background: #84cc16; color: white; padding: 0.75rem 1rem; text-align: left; font-weight: 600; }
+.csm-table th { background: #667eea; color: white; padding: 0.75rem 1rem; text-align: left; font-weight: 600; }
 .csm-table td { padding: 0.65rem 1rem; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
 .csm-table tr:hover { background: #f0fdf4; }
 .csm-status { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; white-space: nowrap; }
-.csm-enforced { background: #84cc16; color: white; }
-.csm-passed { background: #65a30d; color: white; }
-.csm-progress { background: #a3e635; color: #365314; }
-.csm-guidelines { background: #d9f99d; color: #365314; }
+.csm-enforced { background: #667eea; color: white; }
+.csm-passed { background: #764ba2; color: white; }
+.csm-progress { background: #a5b4fc; color: #312e81; }
+.csm-guidelines { background: #e0e7ff; color: #312e81; }
 .csm-legend { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 1.5rem; font-size: 0.8rem; }
 .csm-legend-item { display: flex; align-items: center; gap: 0.35rem; }
 .csm-legend-swatch { width: 14px; height: 14px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); }
@@ -57,9 +57,9 @@
   </table>
 
   <div class="csm-legend">
-    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#84cc16"></div>{{ if eq $lang "de" }}Gesetz in Kraft{{ else if eq $lang "fr" }}Loi en vigueur{{ else }}Law Enforced{{ end }}</div>
-    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#65a30d"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
-    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#a3e635"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
-    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#d9f99d"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
+    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#667eea"></div>{{ if eq $lang "de" }}Gesetz in Kraft{{ else if eq $lang "fr" }}Loi en vigueur{{ else }}Law Enforced{{ end }}</div>
+    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#764ba2"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
+    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#a5b4fc"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
+    <div class="csm-legend-item"><div class="csm-legend-swatch" style="background:#e0e7ff"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
   </div>
 </div>

layouts/shortcodes/law-charts.html

@@ -57,7 +57,7 @@ window.addEventListener('load', function() {
       labels: [labels.enforced, labels.passed, labels.progress, labels.guidelines],
       datasets: [{
         data: [counts.enforced, counts.passed, counts.progress, counts.guidelines],
-        backgroundColor: ['#84cc16', '#65a30d', '#a3e635', '#d9f99d'],
+        backgroundColor: ['#667eea', '#764ba2', '#a5b4fc', '#e0e7ff'],
         borderWidth: 2, borderColor: '#fff'
       }]
     },
@@ -71,7 +71,7 @@ window.addEventListener('load', function() {
 
   /* Horizontal bar: age limits */
   var sorted = countries.slice().sort(function(a, b) { return b.ageLimitSocial - a.ageLimitSocial; });
-  var colors = { enforced: '#84cc16', passed: '#65a30d', progress: '#a3e635', guidelines: '#d9f99d' };
+  var colors = { enforced: '#667eea', passed: '#764ba2', progress: '#a5b4fc', guidelines: '#e0e7ff' };
 
   new Chart(document.getElementById('ifk-chart-age'), {
     type: 'bar',
@@ -106,10 +106,10 @@ window.addEventListener('load', function() {
     data: {
       labels: years,
       datasets: [
-        { label: labels.enforced, data: years.map(function(y) { return yearCounts[y].enforced; }), backgroundColor: '#84cc16', borderRadius: 4 },
-        { label: labels.passed, data: years.map(function(y) { return yearCounts[y].passed; }), backgroundColor: '#65a30d', borderRadius: 4 },
-        { label: labels.progress, data: years.map(function(y) { return yearCounts[y].progress; }), backgroundColor: '#a3e635', borderRadius: 4 },
-        { label: labels.guidelines, data: years.map(function(y) { return yearCounts[y].guidelines; }), backgroundColor: '#d9f99d', borderRadius: 4 }
+        { label: labels.enforced, data: years.map(function(y) { return yearCounts[y].enforced; }), backgroundColor: '#667eea', borderRadius: 4 },
+        { label: labels.passed, data: years.map(function(y) { return yearCounts[y].passed; }), backgroundColor: '#764ba2', borderRadius: 4 },
+        { label: labels.progress, data: years.map(function(y) { return yearCounts[y].progress; }), backgroundColor: '#a5b4fc', borderRadius: 4 },
+        { label: labels.guidelines, data: years.map(function(y) { return yearCounts[y].guidelines; }), backgroundColor: '#e0e7ff', borderRadius: 4 }
       ]
     },
     options: {

layouts/shortcodes/stats-banner.html

@@ -31,19 +31,19 @@
 
 <div class="ifk-stats">
   <div class="ifk-stat">
-    <div class="ifk-stat-num" style="color:#84cc16">{{ $enforced }}</div>
+    <div class="ifk-stat-num" style="color:#667eea">{{ $enforced }}</div>
     <div class="ifk-stat-label">{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div>
   </div>
   <div class="ifk-stat">
-    <div class="ifk-stat-num" style="color:#65a30d">{{ $passed }}</div>
+    <div class="ifk-stat-num" style="color:#764ba2">{{ $passed }}</div>
     <div class="ifk-stat-label">{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adoptées{{ else }}Passed{{ end }}</div>
   </div>
   <div class="ifk-stat">
-    <div class="ifk-stat-num" style="color:#a3e635">{{ $progress }}</div>
+    <div class="ifk-stat-num" style="color:#a5b4fc">{{ $progress }}</div>
     <div class="ifk-stat-label">{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
   </div>
   <div class="ifk-stat">
-    <div class="ifk-stat-num" style="color:#d9f99d">{{ $guidelines }}</div>
+    <div class="ifk-stat-num" style="color:#e0e7ff">{{ $guidelines }}</div>
     <div class="ifk-stat-label">{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
   </div>
 </div>

layouts/shortcodes/world-map.html

@@ -23,10 +23,10 @@
   <p class="ifk-map-subtitle">{{ if eq $lang "de" }}Klicken Sie auf ein Land für Details{{ else if eq $lang "fr" }}Cliquez sur un pays pour plus de détails{{ else }}Click a country for details{{ end }}</p>
   <div id="ifk-world-map"></div>
   <div class="ifk-map-legend">
-    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#84cc16"></div>{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div>
-    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#65a30d"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
-    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#a3e635"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
-    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#d9f99d"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
+    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#667eea"></div>{{ if eq $lang "de" }}In Kraft{{ else if eq $lang "fr" }}En vigueur{{ else }}Enforced{{ end }}</div>
+    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#764ba2"></div>{{ if eq $lang "de" }}Verabschiedet{{ else if eq $lang "fr" }}Adopté{{ else }}Passed{{ end }}</div>
+    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#a5b4fc"></div>{{ if eq $lang "de" }}In Bearbeitung{{ else if eq $lang "fr" }}En cours{{ else }}In Progress{{ end }}</div>
+    <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#e0e7ff"></div>{{ if eq $lang "de" }}Richtlinien{{ else if eq $lang "fr" }}Directives{{ else }}Guidelines{{ end }}</div>
     <div class="ifk-map-legend-item"><div class="ifk-map-legend-swatch" style="background:#e2e8f0"></div>{{ if eq $lang "de" }}Keine Daten{{ else if eq $lang "fr" }}Pas de données{{ else }}No Data{{ end }}</div>
   </div>
 </div>
@@ -36,7 +36,7 @@
 <script>
 window.addEventListener('load', function() {
   var LANG = "{{ $lang }}";
-  var STATUS_COLORS = { enforced: '#84cc16', passed: '#65a30d', progress: '#a3e635', guidelines: '#d9f99d' };
+  var STATUS_COLORS = { enforced: '#667eea', passed: '#764ba2', progress: '#a5b4fc', guidelines: '#e0e7ff' };
   var STATUS_LABELS = {
     en: { enforced: 'Enforced', passed: 'Passed', progress: 'In Progress', guidelines: 'Guidelines' },
     de: { enforced: 'In Kraft', passed: 'Verabschiedet', progress: 'In Bearbeitung', guidelines: 'Richtlinien' },

static/css/main.css

@@ -40,9 +40,9 @@
   --ifk-font: 'Newsreader', 'Times New Roman', serif;
   --ifk-text: #1c1917;
   --ifk-bg: #fafaf9;
-  --ifk-accent: #65a30d;
-  --ifk-accent-hover: #4d7c0f;
-  --ifk-secondary: #84cc16;
+  --ifk-accent: #667eea;
+  --ifk-accent-hover: #764ba2;
+  --ifk-secondary: #667eea;
 }
 
 /* Utility classes for colors */
@@ -298,10 +298,10 @@ nav a:hover {
 }
 
 /* Status badges (for shortcodes) */
-.csm-enforced { background: #84cc16; color: white; }
-.csm-passed { background: #65a30d; color: white; }
-.csm-progress { background: #a3e635; color: #365314; }
-.csm-guidelines { background: #d9f99d; color: #365314; }
+.csm-enforced { background: #667eea; color: white; }
+.csm-passed { background: #764ba2; color: white; }
+.csm-progress { background: #a5b4fc; color: #312e81; }
+.csm-guidelines { background: #e0e7ff; color: #3730a3; }
 
 /* Shortcode-specific overrides */
 .ifk-stat-num { font-family: var(--ifk-font); }