

:root {

  --segmented-track-padding: calc(var(--space-1) / 2);

  --segmented-track-background: var(--muted);

  --segmented-track-radius: var(--radius);
  --segmented-item-radius: var(--radius-md);

  --segmented-item-padding-inline: calc(var(--control-padding-x) - 1px);

  --segmented-xs-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --segmented-xs-item-padding-inline: calc(var(--control-padding-x-compact) - 1px);

  --segmented-item-gap: calc(var(--space-3) / 2);

  --segmented-item-color: var(--muted-foreground);
  --segmented-item-hover-color: var(--foreground);
  --segmented-item-selected-color: var(--foreground);

  --segmented-item-hover-background: initial;
  --segmented-item-active-background: var(--secondary);

  --segmented-item-selected-background: var(--background);
  --segmented-item-selected-shadow: var(--shadow-sm);

  --segmented-count-min-width: var(--button-count-min-width);
  --segmented-count-space-inline: var(--button-count-space-inline);
  --segmented-count-font-size: var(--button-count-font-size);
  --segmented-count-radius: var(--radius-pill);
  --segmented-count-gap: var(--space-1);
  --segmented-count-background: initial;
  --segmented-count-color: initial;
}
