feat: implement professional typography system with curated font pairings

Typography Presets (research-backed pairings):
- clean: Manrope + Inter (minimal, modern)
- editorial: Playfair Display + Raleway (fashion, lifestyle)
- modern: Space Grotesk + Inter (tech, futuristic)
- classic: Cormorant Garamond + Source Serif 4 (luxury, elegant)
- friendly: Fraunces + Work Sans (playful, quirky)
- minimal: DM Sans + Source Serif 4 (design-forward)
- impulse: Raleway + Inter (wellness, beauty)

Type Scale & Line Heights:
- Major Third (1.25) ratio for mathematical harmony
- H1: line-height 1.1, letter-spacing -0.025em
- H2: line-height 1.15, letter-spacing -0.02em
- H3: line-height 1.2, letter-spacing -0.015em
- Body: line-height 1.5 (WCAG compliant)
- Small text: letter-spacing +0.01em for readability

Fluid Typography:
- Headings use clamp() for smooth mobile→desktop scaling
- Display: 36px→48px, XL: 30px→40px, LG: 24px→32px

Performance:
- Variable font loading where available (Inter, Manrope, etc.)
- Removed unused fonts (Libre Baskerville, Nunito, Source Sans)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

assets/css/theme-layer2-attributes.css

@@ -52,52 +52,66 @@
   --p-shadow-strength: 0.25;
 }
 
-/* Typography - Default (Clean/Inter) */
+/* Typography Presets - Curated font pairings based on e-commerce research */
+
+/* Default (Clean) - Minimal & Modern: Manrope + Inter */
 .preview-frame {
-  --t-font-heading: var(--p-font-inter);
+  --t-font-heading: var(--p-font-manrope);
   --t-font-body: var(--p-font-inter);
   --t-heading-weight: 600;
-  --t-heading-tracking: -0.025em;
-}
-
-.preview-frame[data-typography="editorial"] {
-  --t-font-heading: var(--p-font-fraunces);
-  --t-font-body: var(--p-font-source);
-  --t-heading-weight: 700;
   --t-heading-tracking: -0.02em;
 }
 
+/* Editorial - Bold & Editorial: Playfair Display + Raleway */
+/* Best for: fashion, lifestyle brands */
+.preview-frame[data-typography="editorial"] {
+  --t-font-heading: var(--p-font-playfair);
+  --t-font-body: var(--p-font-raleway);
+  --t-heading-weight: 500;
+  --t-heading-tracking: -0.01em;
+}
+
+/* Modern - Tech & Futuristic: Space Grotesk + Inter */
+/* Best for: tech products, gadget accessories */
 .preview-frame[data-typography="modern"] {
   --t-font-heading: var(--p-font-space);
-  --t-font-body: var(--p-font-space);
+  --t-font-body: var(--p-font-inter);
   --t-heading-weight: 500;
   --t-heading-tracking: -0.03em;
 }
 
+/* Classic - Luxury & Elegant: Cormorant Garamond + Source Serif 4 */
+/* Best for: high-end goods, premium products */
 .preview-frame[data-typography="classic"] {
-  --t-font-heading: var(--p-font-baskerville);
-  --t-font-body: var(--p-font-source);
-  --t-heading-weight: 400;
+  --t-font-heading: var(--p-font-cormorant);
+  --t-font-body: var(--p-font-source-serif);
+  --t-heading-weight: 500;
   --t-heading-tracking: 0;
 }
 
+/* Friendly - Playful & Quirky: Fraunces + Work Sans */
+/* Best for: creative products, novelty gifts */
 .preview-frame[data-typography="friendly"] {
-  --t-font-heading: var(--p-font-nunito);
-  --t-font-body: var(--p-font-nunito);
-  --t-heading-weight: 700;
+  --t-font-heading: var(--p-font-fraunces);
+  --t-font-body: var(--p-font-work-sans);
+  --t-heading-weight: 600;
   --t-heading-tracking: -0.01em;
 }
 
+/* Minimal - Modern Sans-Serif: DM Sans + Source Serif 4 */
+/* Best for: design-forward, contemporary homeware */
 .preview-frame[data-typography="minimal"] {
-  --t-font-heading: var(--p-font-outfit);
-  --t-font-body: var(--p-font-outfit);
-  --t-heading-weight: 300;
+  --t-font-heading: var(--p-font-dm-sans);
+  --t-font-body: var(--p-font-source-serif);
+  --t-heading-weight: 500;
   --t-heading-tracking: 0;
 }
 
+/* Impulse - Light & Airy: Raleway + Inter */
+/* Best for: wellness, beauty, sustainable goods */
 .preview-frame[data-typography="impulse"] {
-  --t-font-heading: var(--p-font-avenir);
-  --t-font-body: var(--p-font-avenir);
+  --t-font-heading: var(--p-font-raleway);
+  --t-font-body: var(--p-font-inter);
   --t-heading-weight: 300;
   --t-heading-tracking: 0.02em;
 }