:root {
  --site-font: Inter, Helvetica Neue, Helvetica, Arial, sans-serif;

  --btn-primary-color: #028FCF;
  --btn-primary-border-color: #028FCF;
  --btn-primary-text-color: #FFFFFF;
  --btn-primary-hover-state-color: #027eb6;
  --btn-primary-hover-state-border-color: #027eb6;
  --btn-primary-hover-state-text-color: #FFFFFF;
  --btn-primary-border-radius: 6px;

  --btn-secondary-color: #52A71D;
  --btn-secondary-border-color: #52A71D;
  --btn-secondary-text-color: #FFFFFF;
  --btn-secondary-hover-state-color: #479119;
  --btn-secondary-hover-state-border-color: #479119;
  --btn-secondary-hover-state-text-color: #FFFFFF;
  --btn-secondary-border-radius: 6px;
}

* {
    font-family: var(--site-font);
}

.primary-bg { background-color: #028FCF; }
.primary-text { color: #028FCF; }
.success-bg { background-color: #52A71D; }
.success-text { color: #52A71D; }
.danger-bg { background-color: #D12E3E; }
.danger-text { color: #D12E3E; }
.info-bg { background-color: #028FCF; }
.info-text { color: #028FCF; }
.warning-bg { background-color: #EAD61D; }
.warning-text { color: #EAD61D; }
.rockwells-bg { background-color: #028FCF; }
.rockwells-text { color: #028FCF; }


ul.newUl {
    list-style-image: url('https://images.ctfassets.net/namrcqyk17n2/1Udg4vF7mLDAUyIql1AU9K/00e38ef30ff69215e5b39f66cb430542/icon_ui_arrow_right_red16x16.png');
    list-style-type: circle;
}

.btn-primary {
    background-color: var(--btn-primary-color);
    border-color: var(--btn-primary-border-color);
    color: var(--btn-primary-text-color);
    border-radius: var(--btn-primary-border-radius);
}

.border-primary {
    border-color: var(--btn-primary-border-color) !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover-state-color);
    border-color: var(--btn-primary-hover-state-border-color);
    color: var(--btn-primary-hover-state-text-color);
    border-radius: var(--btn-primary-border-radius);
}

.btn-secondary {
    background-color: var(--btn-secondary-color);
    border-color: var(--btn-secondary-border-color);
    color: var(--btn-secondary-text-color);
    border-radius: var(--btn-secondary-border-radius);
}

.border-secondary {
    border-color: var(--btn-secondary-border-color) !important;
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover-state-color);
    border-color: var(--btn-secondary-hover-state-border-color);
    color: var(--btn-secondary-hover-state-text-color);
    border-radius: var(--btn-secondary-border-radius);
}