:host,
.sl-theme-imaret {
  --sl-font-size-2x-small: var(--step--3);
  --sl-font-size-x-small: var(--step--2);
  --sl-font-size-small: var(--step--1);
  --sl-font-size-medium: var(--step-0);
  --sl-font-size-large: var(--step-1);
  --sl-font-size-x-large: var(--step-2);
  --sl-font-size-2x-large: var(--step-3);
  --sl-font-size-3x-large: var(--step-4);
  --sl-font-size-4x-large: var(--step-5);

  --sl-spacing-3x-small: var(--step--4);
  --sl-spacing-2x-small: var(--step--3);
  --sl-spacing-x-small: var(--step--2);
  --sl-spacing-small: var(--step--1);
  --sl-spacing-medium: var(--step-0);
  --sl-spacing-large: var(--step-1);
  --sl-spacing-x-large: var(--step-2);
  --sl-spacing-2x-large: var(--step-3);
  --sl-spacing-3x-large: var(--step-4);
  --sl-spacing-4x-large: var(--step-5);

  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;

  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;

  --sl-focus-ring-color: var(--color-accent);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;

  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;

  --sl-input-border-width: 0;

  --sl-input-background-color-focus: var(--color-tertiary);
  --sl-input-filled-background-color-focus: var(--color-tertiary);
  --sl-input-filled-color-focus: var(--color-tertiary);

  --sl-button-font-size-small: var(--step--1);
  --sl-button-font-size-medium: var(--step-0);
  --sl-button-font-size-large: var(--step-1);

  --sl-panel-background-color: var(--color-primary-light);

   --sl-tooltip-border-radius: 0;
   --sl-tooltip-background-color: var(--color-tertiary);
   --sl-tooltip-color: var(--color-primary);
   --sl-tooltip-font-family: var(--font-primary);
   --sl-tooltip-font-weight: normal;
   --sl-tooltip-font-size: var(--step-0);
   --sl-tooltip-line-height: 1;
   --sl-tooltip-padding: var(--sl-spacing-medium) var(--sl-spacing-large);
   --sl-tooltip-arrow-size: 7px;

   --sl-z-index-dialog: var(--z-dialog);
}

.sl-scroll-lock {
  overflow: hidden !important;
}

.sl-toast-stack {
  position: fixed;
  top: 0;
  inset-inline-end: 0;
  z-index: var(--sl-z-index-toast);
  width: 28rem;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

.sl-toast-stack sl-alert {
  --box-shadow: var(--sl-shadow-large);
  margin: var(--sl-spacing-medium);
}