/* Named primitives for the literal values the widget's CSS repeats. */
:root {
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;

  --r-3: 3px;
  --r-5: 5px;
  --r-7: 7px;
  --r-15: 15px;

  /* Source aliases (App.module.pcss) */
  --button-height: 48px;
  --button-radius: 5px;
  --border-radius: 7px;

  /* Control heights */
  --h-pill: 32px;          /* Pill min-height, IconButton lg */
  --h-icon-button-md: 24px;
  --h-icon-button-lg: 32px;
  --h-control: 48px;       /* Button default, Input */
  --h-control-large: 64px; /* Button size="large", SelectorButton min-height */
}