:root{
  --hb-font-family:"Poppins","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  /*
   * HBDL canonical typography scale.
   * Admin, Studio chrome, applications and components must consume these
   * tokens. 8px is reserved for x-small metadata; no local stylesheet may
   * introduce a smaller rendered size.
   */
  --hbdl-type-x-small:8px;       /* compact metadata only; absolute floor */
  --hbdl-type-small:10px;        /* helper and supporting copy */
  --hbdl-type-micro:var(--hbdl-type-x-small); /* compatibility alias */
  --hbdl-type-xs:var(--hbdl-type-x-small);    /* compatibility alias */
  --hbdl-type-sm:var(--hbdl-type-small);      /* compatibility alias */
  --hbdl-type-body:12px;         /* paragraphs and general UI copy */
  --hbdl-type-h5:12px;
  --hbdl-type-h4:14px;
  --hbdl-type-h3:16px;
  --hbdl-type-h2:18px;
  --hbdl-type-h1:20px;
  --hbdl-form-label-size:14px;
  --hbdl-form-control-size:14px;
  --hbdl-type-display:36px;
  /* Existing approved Admin tab families are preserved as master patterns. */
  --hbdl-tab-primary-size:10px;
  --hbdl-tab-secondary-size:12px;
  --hbdl-tab-gallery-size:10px;
  --hbdl-leading-tight:1.2;
  --hbdl-leading-heading:1.3;
  --hbdl-leading-body:1.6;
  --hbdl-tracking-heading:-.02em;
  --hbdl-tracking-meta:.04em;
  /* Backward-compatible aliases remain the only approved legacy names. */
  --hb-font-micro:var(--hbdl-type-x-small);
  --hb-font-xs:var(--hbdl-type-small);
  --hb-font-sm:var(--hbdl-type-body);
  --hb-font-md:var(--hbdl-type-body);
  --hb-font-lg:var(--hbdl-type-h4);
  --hb-font-xl:var(--hbdl-type-h2);
  --hb-font-2xl:var(--hbdl-type-h1);
  /* HBDL Thin: Admin and Studio use a restrained 300–400 weight scale. */
  --hb-weight-light:300;--hb-weight-form:350;--hb-weight-regular:350;--hb-weight-medium:400;--hb-weight-semibold:400;
  --hb-space-1:4px;--hb-space-2:8px;--hb-space-3:12px;--hb-space-4:16px;--hb-space-5:20px;--hb-space-6:24px;--hb-space-8:32px;
  --hb-radius-sm:6px;--hb-radius-md:8px;--hb-radius-lg:12px;--hb-radius-xl:16px;--hb-radius-pill:999px;
  --hb-shadow-sm:0 1px 2px rgba(16,24,40,.06);--hb-shadow-md:0 6px 18px rgba(16,24,40,.08);--hb-shadow-lg:0 18px 44px rgba(16,24,40,.14);
  --hb-drawer-close-size:39px;--hb-drawer-close-surface:#f7f8fb;
  --hb-drawer-shadow-right:-24px 0 60px rgba(16,24,40,.2);--hb-drawer-shadow-left:24px 0 60px rgba(16,24,40,.2);
  --hb-bg:#f6f8fb;--hb-surface:#fff;--hb-surface-soft:#f8fafc;--hb-text:#182230;--hb-muted:#667085;--hb-border:#e4e7ec;
  --hb-brand:#635bff;--hb-brand-hover:#5148e5;--hb-brand-soft:#f0efff;--hb-brand-ring:rgba(99,91,255,.14);
  --hb-primary:var(--hb-brand);--hb-primary-hover:var(--hb-brand-hover);--hb-danger:#b42318;--hb-success:#087a55;
  --hb-control-height:40px;--hb-touch-target:44px;--hb-motion-fast:120ms;--hb-motion:200ms;
}