/* Aus dem Claude-Design-Mockup übernommen, unverändert. */
:root{
--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:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:999px;
--shadow-sm:0 1px 3px rgba(43,40,32,0.08);
--shadow-md:0 4px 16px rgba(43,40,32,0.10);
--shadow-lg:0 12px 32px rgba(43,40,32,0.14);
--shadow-brand:0 8px 24px rgba(79,161,59,0.22);
--container-max:1180px;
--ease-standard:cubic-bezier(0.4,0,0.2,1);
--ease-out-soft:cubic-bezier(0.16,1,0.3,1);
--duration-fast:120ms;--duration-base:200ms;--duration-slow:360ms;
--sidebar-w:264px;
}