/* Tokens aus dem „Dielmanns Kreativ Werkstatt Design System“ (claude.ai/design).
   Werte 1:1 übernommen aus tokens/colors.css, typography.css, spacing.css, elevation.css. */
:root{
/* Basis – exakt aus dem Flyer-Quellcode (JoeD84/Flyer, index.html :root) */
--wood-dark:#3b1f0e;--wood-mid:#6b3a1f;--wood-light:#c8894a;--wood-pale:#f5e6d0;
--cream:#fdf6ec;--accent-red:#b22222;--accent-gold:#d4a017;
/* abgeleitet */
--card-cream:#fdf8f4;--rule-dashed:#e8d5b5;--text-brown:#6b4c2a;--text-brown-deep:#5a3a1a;
--red-dark:#8e1b1b;--red-soft:#f3dddb;--gold-dark:#c8890a;
--craft-laser:#8B0D14;--craft-wood:#C1521A;--craft-sew:#D9A520;--craft-print:#3D8B1E;--craft-embroider:#17B8A6;--craft-plot:#1B7FA8;--craft-gift:#7B3FD4;
--craft-laser-soft:#F2DBDC;--craft-wood-soft:#F6E2D4;--craft-sew-soft:#F7ECCF;--craft-print-soft:#DFEFD7;--craft-embroider-soft:#D3F1ED;--craft-plot-soft:#D6E9F2;--craft-gift-soft:#E7DCF8;
--green-600:#3F6B33;--amber-600:#A8730C;--red-600:#B3261E;

/* semantisch */
--surface-100:var(--cream);--surface-200:var(--card-cream);--surface-300:var(--wood-pale);--surface-espresso:var(--wood-dark);
--border-soft:var(--rule-dashed);--border-strong:var(--wood-light);
--ink:var(--wood-dark);--ink-muted:var(--text-brown);--ink-on-dark:var(--cream);
--primary:var(--accent-red);--primary-strong:var(--red-dark);--primary-soft:var(--red-soft);--on-primary:var(--cream);
--gold:var(--accent-gold);
--success:var(--green-600);--warning:var(--amber-600);--danger:var(--red-600);
--focus-ring:color-mix(in oklab,var(--accent-red) 55%,transparent);
--link:var(--wood-mid);--link-hover:var(--accent-red);

/* Typografie */
--font-display:'Playfair Display',Georgia,'Times New Roman',serif;
--font-sans:'Lato',-apple-system,'Segoe UI',sans-serif;
--weight-light:300;--weight-regular:400;--weight-bold:700;--weight-black:900;
--tracking-tagline:0.28em;
--text-display-xl:64px;--text-display-l:48px;--text-display-m:36px;
--text-title-l:28px;--text-title-m:22px;--text-title-s:18px;
--text-body-l:18px;--text-body-m:16px;--text-body-s:14px;--text-caption:12px;
--leading-tight:1.12;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;
--tracking-tight:-0.01em;--tracking-normal:0;--tracking-eyebrow:0.18em;

/* Abstände & Radien */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;
--container-max:1140px;--measure:66ch;

/* Elevation & Bewegung */
--shadow-sm:0 1px 2px rgba(51,34,26,.10);
--shadow-md:0 4px 14px rgba(51,34,26,.12);
--shadow-lg:0 14px 40px rgba(51,34,26,.16);
--shadow-inset-line:inset 0 0 0 1px var(--border-soft);
--ease-out:cubic-bezier(.2,.7,.3,1);
--ease-in-out:cubic-bezier(.5,0,.3,1);
--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;
}

/* Auf kleinen Bildschirmen die Display-Stufen herunterskalieren */
@media (max-width:720px){
  :root{--text-display-xl:42px;--text-display-l:36px;--text-display-m:28px;--text-title-l:24px}
}