/* ==========================================================================
   CLIENT DESIGN STUDIO - MULTI-STYLE DESIGN TOKENS (HIGH DEFINITION)
   ========================================================================== */

/* 1. DEFAULT: KANZLEI & PRAXIS (Seriös, Vertrauensvoll, Gold/Navy, 2px) */
:root, [data-theme="kanzlei"] {
  --primary: #1e293b;
  --primary-hover: #0f172a;
  --accent: #c59b27;
  --accent-hover: #a6801a;
  --accent-light: #fef9c3;
  --accent-subtle: rgba(197, 155, 39, 0.08);
  --accent-border: rgba(197, 155, 39, 0.25);
  --bg: #ffffff;
  --bg-alt: #f8fafc;
  --surface: #ffffff;
  --border: #e2e8f0;
  --border-subtle: #edf2f7;
  --text: #0f172a;
  --text-muted: #64748b;

  --font-heading: 'Cinzel', 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-weight-head: 600;
  --letter-spacing-head: 0.02em;

  --radius: 2px;
  --radius-sm: 1px;
  --radius-lg: 3px;
  --shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
  --shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.08);
  --shadow-hd: 0 1px 3px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.04);

  --hero-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  --badge-bg: rgba(197, 155, 39, 0.12);
  --badge-text: #92400e;
  --seal-color: #c59b27;
  --success: #059669;
  --success-bg: #ecfdf5;
}

/* 2. HANDWERK & BAU (Bodenständig, Kräftig, Anthrazit/Orange, 6px) */
[data-theme="handwerk"] {
  --primary: #1c1917;
  --primary-hover: #0c0a09;
  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-light: #ffedd5;
  --accent-subtle: rgba(249, 115, 22, 0.1);
  --accent-border: rgba(249, 115, 22, 0.35);
  --bg: #fafaf9;
  --bg-alt: #f5f5f4;
  --surface: #ffffff;
  --border: #e7e5e4;
  --border-subtle: #f0eeec;
  --text: #1c1917;
  --text-muted: #78716c;

  --font-heading: 'Oswald', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-weight-head: 700;
  --letter-spacing-head: 0.03em;
  --text-transform-head: uppercase;

  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 8px;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-hd: 0 4px 12px rgba(28, 25, 23, 0.08);

  --hero-gradient: linear-gradient(135deg, #1c1917 0%, #292524 100%);
  --badge-bg: rgba(249, 115, 22, 0.15);
  --badge-text: #c2410c;
  --seal-color: #f97316;
  --success: #15803d;
  --success-bg: #f0fdf4;
}

/* 3. MODERN & TECH / STARTUP (Indigo, Cyan, Weiche 16px Bento-Boxen) */
[data-theme="modern"] {
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --accent: #06b6d4;
  --accent-hover: #0891b2;
  --accent-light: #cffafe;
  --accent-subtle: rgba(6, 182, 212, 0.1);
  --accent-border: rgba(6, 182, 212, 0.3);
  --bg: #ffffff;
  --bg-alt: #f8fafc;
  --surface: #ffffff;
  --border: #e2e8f0;
  --border-subtle: #edf2f7;
  --text: #0f172a;
  --text-muted: #64748b;

  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-weight-head: 700;
  --letter-spacing-head: -0.02em;

  --radius: 16px;
  --radius-sm: 8px;
  --radius-lg: 24px;
  --shadow: 0 10px 30px -5px rgba(79, 70, 229, 0.08);
  --shadow-lg: 0 20px 40px -10px rgba(79, 70, 229, 0.15);
  --shadow-hd: 0 8px 30px rgba(79, 70, 229, 0.08);

  --hero-gradient: linear-gradient(135deg, #312e81 0%, #4f46e5 100%);
  --badge-bg: rgba(6, 182, 212, 0.12);
  --badge-text: #0e7490;
  --seal-color: #06b6d4;
  --success: #10b981;
  --success-bg: #ecfdf5;
}

/* 4. BOUTIQUE & ÄSTHETIK (Terracotta, Sand, Organische 24px Rundungen) */
[data-theme="boutique"] {
  --primary: #854d0e;
  --primary-hover: #713f12;
  --accent: #e07a5f;
  --accent-hover: #c9674c;
  --accent-light: #fbeee8;
  --accent-subtle: rgba(224, 122, 95, 0.1);
  --accent-border: rgba(224, 122, 95, 0.3);
  --bg: #fffdfa;
  --bg-alt: #fbf7f0;
  --surface: #ffffff;
  --border: #f0eae1;
  --border-subtle: #f8f3eb;
  --text: #451a03;
  --text-muted: #8c7263;

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-weight-head: 600;
  --letter-spacing-head: 0.01em;

  --radius: 24px;
  --radius-sm: 12px;
  --radius-lg: 32px;
  --shadow: 0 6px 20px rgba(133, 77, 14, 0.06);
  --shadow-lg: 0 12px 32px rgba(133, 77, 14, 0.1);
  --shadow-hd: 0 8px 24px rgba(133, 77, 14, 0.07);

  --hero-gradient: linear-gradient(135deg, #78350f 0%, #92400e 100%);
  --badge-bg: rgba(224, 122, 95, 0.15);
  --badge-text: #9a3412;
  --seal-color: #e07a5f;
  --success: #15803d;
  --success-bg: #f7fee7;
}