/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./ui-src/ui/button/button.css ***!
  \*************************************************************************************************************************/
:root {
  /* Button foundations */
  --button-radius: var(--radius-md);

  /* Shared states */
  --button-disabled-border: var(--color-neutral-300);
  --button-disabled-bg: var(--color-neutral-300);
  --button-disabled-text: var(--color-neutral-600);

  /* Primary */
  --button-primary-border: var(--color-brand-primary);
  --button-primary-bg: var(--color-brand-primary);
  --button-primary-text: var(--color-brand-primary-foreground);
  --button-primary-hover-border: var(--color-brand-primary-hover);
  --button-primary-hover-bg: var(--color-brand-primary-hover);
  --button-primary-hover-text: var(--color-brand-primary-foreground);
  --button-primary-active-border: var(--color-brand-primary-hover);
  --button-primary-active-bg: var(--color-brand-primary-hover);
  --button-primary-active-text: var(--color-brand-primary-foreground);
  --button-primary-loading-border: var(--color-brand-primary);
  --button-primary-loading-bg: var(--color-brand-primary);
  --button-primary-loading-text: var(--color-brand-primary-foreground);
  --button-primary-spinner: var(--color-white);
  --button-primary-spinner-track: var(--color-brand-primary);

  /* Secondary */
  --button-secondary-border: var(--color-brand-secondary);
  --button-secondary-bg: var(--color-brand-secondary);
  --button-secondary-text: var(--color-brand-secondary-foreground);
  --button-secondary-hover-border: var(--color-brand-secondary-hover);
  --button-secondary-hover-bg: var(--color-brand-secondary-hover);
  --button-secondary-hover-text: var(--color-brand-secondary-foreground);
  --button-secondary-active-border: var(--color-brand-secondary-hover);
  --button-secondary-active-bg: var(--color-brand-secondary-hover);
  --button-secondary-active-text: var(--color-brand-secondary-foreground);
  --button-secondary-loading-border: var(--color-brand-secondary);
  --button-secondary-loading-bg: var(--color-brand-secondary);
  --button-secondary-loading-text: var(--color-brand-secondary-foreground);
  --button-secondary-spinner: var(--color-brand-secondary-foreground);
  --button-secondary-spinner-track: var(--color-brand-secondary);

  /* Ghost */
  --button-ghost-border: var(--color-brand-primary);
  --button-ghost-bg: var(--color-white);
  --button-ghost-text: var(--color-brand-primary);
  --button-ghost-hover-border: var(--color-brand-primary);
  --button-ghost-hover-bg: var(--color-brand-primary);
  --button-ghost-hover-text: var(--color-brand-primary-foreground);
  --button-ghost-active-border: var(--color-brand-primary-hover);
  --button-ghost-active-bg: var(--color-brand-primary-hover);
  --button-ghost-active-text: var(--color-brand-primary-foreground);
  --button-ghost-loading-border: var(--color-brand-primary);
  --button-ghost-loading-bg: var(--color-white);
  --button-ghost-loading-text: var(--color-brand-primary);
  --button-ghost-spinner: var(--color-brand-primary);
  --button-ghost-spinner-track: var(--color-white);

  /* Warning */
  --button-warning-border: var(--color-error-emphasis);
  --button-warning-bg: var(--color-white);
  --button-warning-text: var(--color-error-emphasis);
  --button-warning-hover-border: var(--color-error-emphasis);
  --button-warning-hover-bg: var(--color-error-emphasis);
  --button-warning-hover-text: var(--color-white);
  --button-warning-active-border: var(--color-error-emphasis-dark);
  --button-warning-active-bg: var(--color-error-emphasis-dark);
  --button-warning-active-text: var(--color-white);
  --button-warning-loading-border: var(--color-error-emphasis);
  --button-warning-loading-bg: var(--color-white);
  --button-warning-loading-text: var(--color-error-emphasis);
  --button-warning-spinner: var(--color-error-emphasis);
  --button-warning-spinner-track: var(--color-white);

  /* Text variants */
  --button-text-default-text: var(--color-base-foreground);
  --button-text-default-hover-text: var(--color-base-foreground);
  --button-text-default-active-text: var(--color-base-foreground);
  --button-text-default-loading-text: var(--color-base-foreground);
  --button-text-default-spinner: var(--color-brand-primary);
  --button-text-default-spinner-track: var(--color-white);

  --button-text-primary-text: var(--color-brand-primary);
  --button-text-primary-hover-text: var(--color-brand-primary);
  --button-text-primary-active-text: var(--color-brand-primary);
  --button-text-primary-loading-text: var(--color-brand-primary);
  --button-text-primary-spinner: var(--color-brand-primary);
  --button-text-primary-spinner-track: var(--color-white);

  --button-text-destructive-text: var(--color-error-foreground);
  --button-text-destructive-hover-text: var(--color-error-foreground);
  --button-text-destructive-active-text: var(--color-error-foreground);
  --button-text-destructive-loading-text: var(--color-error-foreground);
  --button-text-destructive-spinner: var(--color-error-foreground);
  --button-text-destructive-spinner-track: var(--color-white);
}


/*# sourceMappingURL=productselection.css.map*/