@charset "UTF-8";

:root {
	--primary-color: #D4007E;
  --background-header: #D4007E;
  --background-footer: #000000;
  --background-border: #B8006D;
  --background-button-hover: #FF82B6;
  --background-button-active: #8D0052;
  --background-box-shadow: #FFD9E4;
  --background-highlight: #FFB0CD;
  --background-hover-light: #FFD9E4;
  --background-msg-warn: #9D5AAB;
  --background-msg-warn-light: #FFEFF4;
}

body .ui-button {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--background-border);
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}

body .ui-button.ui-state-hover {
    background: var(--background-button-hover);
    border-color: var(--background-border);
    color: #fff;
}