:root {
  --kfb-color-primary:#3b82f6;
  --kfb-color-secondary:#8b5cf6;
  --kfb-color-accent:#f59e0b;
  --kfb-color-neutral:#64748b;
  --kfb-color-surface:#f8fafc;
  --kfb-color-text:#1e293b;
  --kfb-color-danger:#ef4444;
  --kfb-color-success:#22c55e;
  --kfb-space-xs:4px;
  --kfb-space-sm:8px;
  --kfb-space-md:16px;
  --kfb-space-lg:24px;
  --kfb-space-xl:40px;
  --kfb-space-2xl:64px;
  --kfb-space-3xl:96px;
  --kfb-radius-none:0px;
  --kfb-radius-sm:4px;
  --kfb-radius-md:8px;
  --kfb-radius-lg:16px;
  --kfb-radius-xl:24px;
  --kfb-radius-full:9999px;
  --kfb-shadow-none:none;
  --kfb-shadow-sm:0 1px 3px rgba(0,0,0,.12);
  --kfb-shadow-md:0 4px 16px rgba(0,0,0,.12);
  --kfb-shadow-lg:0 8px 32px rgba(0,0,0,.16);
  --kfb-shadow-xl:0 24px 64px rgba(0,0,0,.2);
  --kfb-shadow-inner:inset 0 2px 8px rgba(0,0,0,.10);
  --kfb-font-family-heading:inherit;
  --kfb-font-size-heading:48px;
  --kfb-font-weight-heading:700;
  --kfb-line-height-heading:1.2;
  --kfb-letter-spacing-heading:0em;
  --kfb-font-family-body:inherit;
  --kfb-font-size-body:16px;
  --kfb-font-weight-body:400;
  --kfb-line-height-body:1.6;
  --kfb-letter-spacing-body:0em;
  --kfb-font-family-small:inherit;
  --kfb-font-size-small:13px;
  --kfb-font-weight-small:400;
  --kfb-line-height-small:1.5;
  --kfb-letter-spacing-small:0em;
  --kfb-font-family-mono:monospace;
  --kfb-font-size-mono:14px;
  --kfb-font-weight-mono:400;
  --kfb-line-height-mono:1.5;
  --kfb-letter-spacing-mono:0em;
}