@use '../core/styles' as sbb;

$theme: 'standard' !default;

@mixin base {
  --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
  --sbb-paginator-height: #{sbb.theme-pattern-select(
      (
        'standard': var(--sbb-size-element-m),
        'lean': var(--sbb-size-element-xs),
      ),
      $theme
    )};
  --sbb-paginator-page-border-width: 0;
  --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
  --sbb-paginator-animation-easing: var(--sbb-animation-easing);
  --sbb-paginator-font-size: var(--sbb-text-font-size-s);
  --sbb-compact-paginator-font-size: var(--sbb-text-font-size-m);
  --sbb-compact-paginator-gap: var(--sbb-spacing-fixed-5x);
  --sbb-compact-paginator-pages-gap: var(--sbb-spacing-fixed-2x);
}