:root{--color-bg:#FAF9F6;--color-surface:#FFFFFF;--color-surface-alt:#F5F3EE;--color-overlay:rgba(26,23,20,0.35);--color-border:#E8E2DA;--color-border-focus:#D97757;--color-text-primary:#1A1714;--color-text-secondary:#6B6056;--color-text-muted:#A89C90;--color-text-inverse:#FFFFFF;--color-accent:#D97757;--color-accent-hover:#C4633F;--color-accent-light:#FBF0EB;--color-accent-muted:#F0DDD4;--color-designer-bg:#F1F9EA;--color-designer-border:#D4EDBA;--color-success:#4A7C59;--color-error:#C0392B;--color-warning:#B07A2A;--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:30px;--font-size-3xl:38px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0em;--letter-spacing-wide:0.04em;--letter-spacing-wider:0.08em;--letter-spacing-widest:0.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(26,23,20,0.06);--shadow-sm:0 2px 6px rgba(26,23,20,0.08);--shadow-md:0 4px 16px rgba(26,23,20,0.10);--shadow-lg:0 8px 32px rgba(26,23,20,0.12);--shadow-xl:0 16px 48px rgba(26,23,20,0.14);--shadow-focus:0 0 0 3px rgba(217,119,87,0.28);--duration-fast:120ms;--duration-normal:200ms;--duration-slow:340ms;--easing-smooth:cubic-bezier(0.4,0,0.2,1);--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--easing-out:cubic-bezier(0,0,0.2,1)}.spinner{animation:spin .8s linear infinite}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:calc(var(--space-1) * -3);margin-bottom:0}.form-error--with-bottom-margin{margin-bottom:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 0,var(--color-surface) 50%,var(--color-surface-alt) 100%);background-size:200% 100%;animation:skeleton-pulse 2s infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.skeleton--logo-card{aspect-ratio:4/3;border-radius:var(--radius-lg)}.skeleton--font-card{height:120px;border-radius:var(--radius-lg)}