/// Applies M3 "small" (8px) corner rounding to components that default to
/// larger radii in M3 (buttons default to "full"/pill, dialogs to 28px, etc).
/// This gives a modern but restrained look.
@mixin dbx-components-shapes() {
  // Buttons: M3 default is "full" (pill). Small = 8px.
  --mat-button-filled-container-shape: 8px;
  --mat-button-outlined-container-shape: 8px;
  --mat-button-text-container-shape: 8px;
  --mat-button-protected-container-shape: 8px;
  --mat-button-tonal-container-shape: 8px;

  // FAB: M3 default is "large" (16px). Small = 8px.
  --mat-fab-container-shape: 8px;
  --mat-fab-small-container-shape: 8px;
  --mat-fab-extended-container-shape: 8px;

  // Dialog: M3 default is "extra-large" (28px). Small = 8px.
  --mat-dialog-container-shape: 8px;

  // Card: M3 default is "medium" (12px). Small = 8px.
  --mat-card-elevated-container-shape: 8px;
  --mat-card-filled-container-shape: 8px;
  --mat-card-outlined-container-shape: 8px;

  // Sidenav: M3 default is "large" (16px). No rounding for dbx-components.
  --mat-sidenav-container-shape: 0;

  // Chip: Small = 8px.
  --mat-chip-container-shape-radius: 8px;

  // Form fields: Small = 8px.
  --mat-form-field-filled-container-shape: 8px;
  --mat-form-field-outlined-container-shape: 8px;

  // Snackbar: Small = 8px.
  --mat-snack-bar-container-shape: 8px;

  // Menu / Select / Autocomplete: Small = 8px.
  --mat-menu-container-shape: 8px;
  --mat-autocomplete-container-shape: 8px;

  // Expansion panel
  --mat-expansion-container-shape: 8px;

  // Datepicker
  --mat-datepicker-calendar-container-shape: 8px;

  // Bottom sheet
  --mat-bottom-sheet-container-shape: 8px;

  // Tooltip
  --mat-tooltip-container-shape: 8px;

  // List item rounding (active indicator + container shape) is intentionally NOT pinned here —
  // it is owned by the dbx-list / dbx-anchor-list component rules in `_list.scss` (medium default
  // via `--dbx-list-item-border-radius`), so each list type controls its own radius.
}