feat: crimson CTA accents, white surfaces, Zeitung font, diagonal dividers

- Add --color-accent-fill (#cc0230) / -hover / -ink tokens; repoint all
  solid yellow "button" surfaces (Button accent, IconButton accent,
  language-selector active pill, Navbar cart CTA, Kaiserhacks chip,
  accent Badge) to crimson fill + white ink. Yellow --color-accent kept
  for functional text accents.
- Secondary button: transparent fill, white border, white text/icons,
  translucent-white hover (no longer mimics the primary default).
- Surfaces to pure white: --color-cream and --color-surface -> #ffffff
  (cream-toned logo follows via text-cream); theme-color -> #ffffff.
- Self-host Zeitung (Regular/Bold woff2, mirrored from production);
  point --font-sans/--font-serif at Zeitung; drop Google Fonts CDN.
- Remove yellow highlighting on hero/title emphasis and hero eyebrows
  (text-accent-soft -> text-cream, eyebrows -> text-cream/75).
- WaveDivider + homepage section dividers: straight diagonal (low-left,
  high-right) at double height for ~2x the right-to-left difference.

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

src/design-system/components/WaveDivider.vue

@@ -1,7 +1,8 @@
 <script setup>
 /**
- * WaveDivider — the home page's signature soft-wave transition
- * between two full-bleed coloured sections. Extracted from
+ * WaveDivider — the signature diagonal transition between two
+ * full-bleed coloured sections. The boundary is a straight diagonal
+ * that sits low on the left and high on the right. Extracted from
  * HomePage.vue so the shop page (and any future sections page) can
  * reuse the same visual grammar instead of duplicating the SVG.
  *
@@ -60,13 +61,13 @@ const toFill = computed(() => toneVar[props.to])
 <template>
   <svg
     aria-hidden="true"
-    :class="['block w-full h-12 md:h-16 shrink-0 -mb-px', wrapperClass]"
-    viewBox="0 0 1440 64"
+    :class="['block w-full h-24 md:h-32 shrink-0 -mb-px', wrapperClass]"
+    viewBox="0 0 1440 128"
     preserveAspectRatio="none"
   >
-    <rect width="1440" height="64" :fill="toFill" />
+    <rect width="1440" height="128" :fill="toFill" />
     <path
-      d="M0,0 L0,40 C320,4 520,60 720,32 C920,4 1120,60 1440,24 L1440,0 Z"
+      d="M0,0 L0,116 L1440,12 L1440,0 Z"
       :fill="fromFill"
     />
   </svg>