From 00ef4aaba83bc8962b308278be735366b844ed6e Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Mon, 4 May 2026 16:16:53 +0200
Subject: build: recompile CSS with --on-accent var and CTA centering

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/main.min.css | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

(limited to 'assets')

diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index 5e9432c..0495346 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -1427,7 +1427,7 @@ button,
 
 .btn-primary {
   background-color: var(--accent);
-  color: #ffffff;
+  color: var(--on-accent);
 }
 
 .btn-primary:hover:not(:disabled) {
@@ -3244,6 +3244,8 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   --type-quote-text: #000000;
   --type-link-text: #000000;
   --type-photo-text: #000000;
+  /* Text on accent background — WCAG AA compliant */
+  --on-accent: #f0f0f0;
   /* Callout shortcode colors */
   --callout-note:    var(--accent);
   --callout-tip:     var(--accent2);
@@ -3281,6 +3283,8 @@ html.theme-light {
   --type-quote-text: #000000;
   --type-link-text: #000000;
   --type-photo-text: #ffffff;
+  /* Text on accent background — WCAG AA compliant */
+  --on-accent: #f0f4f8;
   /* Callout shortcode colors */
   --callout-danger:  #ef4444;
 }
@@ -3312,6 +3316,8 @@ html.theme-light {
     --type-quote-text: #000000;
     --type-link-text: #000000;
     --type-photo-text: #ffffff;
+    /* Text on accent background — WCAG AA compliant */
+    --on-accent: #f0f4f8;
     /* Callout shortcode colors */
     --callout-danger:  #ef4444;
   }
@@ -4559,7 +4565,7 @@ html.theme-light .callout-success {
   border-radius: 0.5rem;
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
   gap: 0.75rem;
   box-shadow: 0 0 20px var(--accent-glow);
 }
@@ -4569,6 +4575,18 @@ html.theme-light .callout-success {
   color: var(--text-dim);
   margin: 0;
   line-height: 1.6;
+  text-align: center;
+}
+
+/* Override base `a { color: var(--accent) }` — button needs on-accent text */
+
+.cta-block .btn-primary {
+  color: var(--on-accent);
+}
+
+.cta-block .btn-primary:hover {
+  color: var(--on-accent);
+  opacity: 1;
 }
 
 html.theme-light .cta-block {
-- 
cgit v1.2.3