/* Shared selected-state palettes for paper buttons. */

.vk-paper-selected-neutral {
  --vk-paper-selected-button-bg: var(--vk-paper-lift-button-bg);
  --vk-paper-selected-button-bg-hover: var(--vk-paper-lift-button-bg-hover);
  --vk-paper-selected-button-bg-pressed: var(--vk-paper-lift-button-bg-pressed);
  --vk-paper-selected-button-text: var(--vk-paper-lift-button-text);
  --vk-paper-selected-button-border: transparent;
}

.vk-paper-selected-accent {
  --vk-paper-selected-button-bg: var(--vk-app-accent-main);
  --vk-paper-selected-button-bg-hover: var(--vk-app-accent-main);
  --vk-paper-selected-button-bg-pressed: var(--vk-app-accent-main);
  --vk-paper-selected-button-text: var(--vk-app-accent-main-text);
  --vk-paper-selected-button-border: transparent;
}

.vk-paper-selected-accent-soft {
  --vk-paper-selected-button-bg: color-mix(in srgb, var(--vk-app-accent-main) 76%, var(--vk-paper-lift-button-bg) 24%);
  --vk-paper-selected-button-bg-hover: var(--vk-paper-selected-button-bg);
  --vk-paper-selected-button-bg-pressed: var(--vk-paper-lift-button-bg-pressed);
  --vk-paper-selected-button-text: var(--vk-app-accent-main-text);
  --vk-paper-selected-button-border: transparent;
}

.vk-paper-selected-main {
  --vk-paper-selected-button-bg: var(--vk-paper-main-bg);
  --vk-paper-selected-button-bg-hover: var(--vk-paper-main-bg);
  --vk-paper-selected-button-bg-pressed: var(--vk-paper-main-bg);
  --vk-paper-selected-button-text: var(--vk-paper-main-text);
  --vk-paper-selected-button-border: transparent;
}