/* Blueprint shop pill buttons — measured 2026-10-27. Load after ../tokens.css. */

:root {
  --sk-button-color: var(--gray-100);
  --sk-button-color-hover: var(--sk-button-color);
  --sk-button-color-active: var(--sk-button-color-hover);
  --sk-button-disabled-opacity: 0.45;
  --sk-button-border-color: transparent;
  --sk-button-border-radius: var(--radius-button);
  --sk-button-padding-horizontal: 24px;
  --sk-button-padding-vertical: 10px;
  --sk-button-border-width: 0;
  --sk-button-min-height: var(--space-11);
  --sk-button-background: var(--brand);
  --sk-button-background-hover: var(--gray-600);
  --sk-button-background-active: var(--gray-600);
  --sk-button-font-size: 14px;
  --sk-button-font-weight: 500;
  --sk-button-line-height: 1.375;
  --sk-button-letter-spacing: 0;
  --sk-button-transition: background-color var(--dur-fast) var(--ease-standard);
}