/* KBM Theme Core rc.56 — V1 Design System Foundation
 * Public CSS custom-property contract only. No layout/component takeover in V1.
 * theme.json mirrors these defaults for WordPress Global Styles/editor interoperability.
 */
:root{
  --kbm-color-brand:var(--wp--custom--kbm--color--brand,#ffcc00);
  --kbm-color-brand-dark:var(--wp--custom--kbm--color--brand-strong,#f0b800);
  --kbm-color-brand-contrast:var(--wp--custom--kbm--color--brand-contrast,#0b1b2b);
  --kbm-color-accent:var(--wp--custom--kbm--color--navy,#0f2942);
  --kbm-color-navy-strong:var(--wp--custom--kbm--color--navy-strong,#071d2d);
  --kbm-color-ink:var(--wp--custom--kbm--color--text,#0f172a);
  --kbm-color-text:var(--kbm-color-ink);
  --kbm-color-muted:var(--wp--custom--kbm--color--muted,#64748b);
  --kbm-color-line:var(--wp--custom--kbm--color--border,#e2e8f0);
  --kbm-color-border:var(--kbm-color-line);
  --kbm-color-surface:var(--wp--custom--kbm--color--surface,#fff);
  --kbm-color-surface-alt:var(--wp--custom--kbm--color--surface-alt,#f8fafc);
  --kbm-color-body-bg:var(--wp--custom--kbm--color--canvas,#f5f7fb);
  --kbm-color-success:var(--wp--custom--kbm--color--success,#16a34a);
  --kbm-color-warning:var(--wp--custom--kbm--color--warning,#f59e0b);
  --kbm-color-danger:var(--wp--custom--kbm--color--danger,#ef4444);
  --kbm-color-info:var(--wp--custom--kbm--color--info,#2563eb);

  --kbm-ds-yellow:var(--kbm-color-brand);
  --kbm-ds-yellow-strong:var(--kbm-color-brand-dark);
  --kbm-ds-navy:var(--kbm-color-accent);
  --kbm-ds-navy-strong:var(--kbm-color-navy-strong);
  --kbm-ds-text:var(--kbm-color-text);
  --kbm-ds-muted:var(--kbm-color-muted);
  --kbm-ds-border:var(--kbm-color-border);
  --kbm-ds-surface:var(--kbm-color-surface);
  --kbm-ds-surface-2:var(--kbm-color-surface-alt);
  --kbm-ds-canvas:var(--kbm-color-body-bg);

  --kbm-font-sans:var(--kbm-font-lock,'Estedad','Vazirmatn',Tahoma,Arial,sans-serif);
  --kbm-font-family:var(--kbm-font-sans);
  --kbm-type-xs:var(--wp--custom--kbm--type--xs,12px);
  --kbm-type-sm:var(--wp--custom--kbm--type--sm,13px);
  --kbm-type-md:var(--wp--custom--kbm--type--body,15px);
  --kbm-type-lg:var(--wp--custom--kbm--type--lg,18px);
  --kbm-type-xl:var(--wp--custom--kbm--type--xl,22px);
  --kbm-type-2xl:var(--wp--custom--kbm--type--xxl,28px);
  --kbm-type-3xl:var(--wp--custom--kbm--type--xxxl,40px);
  --kbm-line-h:var(--wp--custom--kbm--type--line-body,1.85);
  --kbm-line-h-heading:var(--wp--custom--kbm--type--line-heading,1.55);

  --kbm-space-1:var(--wp--custom--kbm--space--xs,4px);
  --kbm-space-2:var(--wp--custom--kbm--space--sm,8px);
  --kbm-space-3:var(--wp--custom--kbm--space--md,12px);
  --kbm-space-4:var(--wp--custom--kbm--space--lg,16px);
  --kbm-space-5:var(--wp--custom--kbm--space--xl,24px);
  --kbm-space-6:var(--wp--custom--kbm--space--xxl,32px);
  --kbm-space-7:var(--wp--custom--kbm--space--xxxl,48px);
  --kbm-space-8:var(--wp--custom--kbm--space--xxxxl,64px);
  --kbm-gap:var(--kbm-space-4);

  --kbm-radius-sm:var(--wp--custom--kbm--radius--sm,12px);
  --kbm-radius-md:var(--wp--custom--kbm--radius--md,18px);
  --kbm-radius:var(--kbm-radius-md);
  --kbm-radius-lg:var(--wp--custom--kbm--radius--lg,22px);
  --kbm-radius-xl:var(--wp--custom--kbm--radius--xl,24px);
  --kbm-radius-pill:var(--wp--custom--kbm--radius--pill,999px);

  --kbm-shadow-sm:var(--wp--custom--kbm--shadow--sm,0 1px 2px rgba(15,23,42,.06));
  --kbm-shadow-md:var(--wp--custom--kbm--shadow--md,0 12px 30px rgba(15,23,42,.08));
  --kbm-shadow-lg:var(--wp--custom--kbm--shadow--lg,0 24px 70px rgba(15,23,42,.12));

  --kbm-container-content:var(--wp--custom--kbm--layout--content,1180px);
  --kbm-container-wide:var(--wp--custom--kbm--layout--wide,1366px);
  --kbm-container-shell:var(--wp--custom--kbm--layout--shell,1640px);
  --kbm-shell-w:var(--kbm-container-content);
  --kbm-shell-mobile-x:var(--wp--custom--kbm--layout--mobile-gutter,16px);
  --kbm-control-min:var(--wp--custom--kbm--control--min,44px);
  --kbm-touch-target:var(--wp--custom--kbm--control--touch,48px);
  --kbm-control-comfortable:var(--wp--custom--kbm--control--comfortable,52px);

  /* CSS variables document breakpoint values for JS/PHP contracts; media queries use literal values. */
  --kbm-breakpoint-xs:var(--wp--custom--kbm--breakpoint--xs,360px);
  --kbm-breakpoint-sm:var(--wp--custom--kbm--breakpoint--sm,390px);
  --kbm-breakpoint-mobile:var(--wp--custom--kbm--breakpoint--mobile,430px);
  --kbm-breakpoint-tablet:var(--wp--custom--kbm--breakpoint--tablet,768px);
  --kbm-breakpoint-desktop:var(--wp--custom--kbm--breakpoint--desktop,1024px);
  --kbm-breakpoint-wide:var(--wp--custom--kbm--breakpoint--wide,1366px);

  --kbm-motion-duration-fast:var(--wp--custom--kbm--motion--duration--fast,120ms);
  --kbm-motion-duration-normal:var(--wp--custom--kbm--motion--duration--normal,180ms);
  --kbm-motion-duration-slow:var(--wp--custom--kbm--motion--duration--slow,240ms);
  --kbm-motion-ease-standard:var(--wp--custom--kbm--motion--easing--standard,cubic-bezier(.2,.8,.2,1));
  --kbm-motion-ease-enter:var(--wp--custom--kbm--motion--easing--enter,cubic-bezier(.16,1,.3,1));
  --kbm-motion-ease-exit:var(--wp--custom--kbm--motion--easing--exit,cubic-bezier(.4,0,1,1));

  --kbm-z-base:0;--kbm-z-content:1;--kbm-z-raised:10;--kbm-z-sticky:80;
  --kbm-z-bottom-nav:920;--kbm-z-sticky-cta:930;--kbm-z-drawer:1100;--kbm-z-backdrop:1190;
  --kbm-z-modal:1200;--kbm-z-toast:1300;--kbm-z-lightbox:1400;
  --kbm-z-theme-header:2147482200;--kbm-z-theme-backdrop:2147482300;--kbm-z-theme-drawer:2147482400;
}
@media (prefers-reduced-motion:reduce){
  :root{--kbm-motion-duration-fast:1ms;--kbm-motion-duration-normal:1ms;--kbm-motion-duration-slow:1ms}
}