:root {
  




  --btn-h-xs: 24px;   
  --btn-h-sm: 28px;   
  --btn-h-md: 32px;   
  --btn-h-lg: 36px;   
  --btn-h-touch: 44px; 

  

  --btn-px-xs: 8px;
  --btn-px-sm: 10px;
  --btn-px-md: 12px;
  --btn-px-lg: 20px;  
  --btn-gap: 6px;     

  






  --btn-radius: var(--radius-sm);
  --btn-radius-xs: var(--radius-2xs);
  --btn-radius-pill: var(--radius-pill);

  





  --btn-family: var(--font-sans);
  --btn-font-sm: var(--ui-meta);      
  --btn-font: var(--ui-control);      
  --btn-weight: var(--weight-medium); 
  --btn-weight-strong: var(--weight-semibold); 
  --btn-leading: var(--leading-snug);
  --btn-tracking: var(--tracking-normal);
  --btn-icon: 15px;

  
  --btn-transition:
    background-color var(--duration-fast) var(--ease-standard),
    border-color var(--duration-fast) var(--ease-standard),
    color var(--duration-fast) var(--ease-standard);
  --btn-disabled-opacity: 0.45;

  















  --btn-bg: var(--workspace-surface-raised);
  --btn-fg: var(--workspace-text);
  --btn-bd: var(--workspace-border);
  --btn-bg-hover: var(--workspace-surface-hover);
  --btn-fg-hover: var(--workspace-text);
  --btn-bd-hover: var(--workspace-border-strong);
  --btn-bg-active: var(--workspace-surface);

  

















  --btn-bezel: var(--workspace-edge-highlight);
  --btn-bezel-none: 0 0 #0000;
  --btn-bezel-lit: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -6px 8px -6px rgba(0, 0, 0, 0.45);

  






  --btn-on-bg: rgba(var(--workspace-accent-rgb), 0.10);
  --btn-on-fg: var(--workspace-accent);
  --btn-on-bd: transparent;

  

















  --badge-h: 18px;
  --badge-px: var(--space-2);        
  --badge-px-tight: var(--space-1);  
  --badge-radius: var(--radius-xs);   
  --badge-font: var(--ui-label);     
  --badge-weight: var(--weight-medium);
  --badge-tracking: var(--tracking-wide);

  

  --badge-info-bg: var(--workspace-info);
  --badge-info-fg: var(--workspace-info-fg);
  --badge-info-soft-bg: var(--workspace-info-soft);
  --badge-info-soft-fg: var(--workspace-info-text);
  --badge-info-soft-bd: var(--workspace-info-border);
}