/* RSI Variables */
:root {
  --rsi-primary: #8a1b20;
  --rsi-primary-dark: #5e1215;
  --rsi-primary-light: #bf4b4f;

  --rsi-yellow: #faad1f;
  --rsi-orange: #d56b16;
  --rsi-black: #111111;
  --rsi-red: #be4747;

  --rsi-gray-1: #636363;
  --rsi-gray-2: #b0b0b0;
  --rsi-gray-3: #d0d0d0;
  --rsi-gray-4: #e8e8e8;
  --rsi-gray-5: #f8f8f8;

  --rsi-microsoft: #d83b01;
  --rsi-google: #1a73e8;
  --rsi-gitlab: #2f2a6b;
}

/* RSI Override Theme Prime */
:root {
  --primary-color: var(--rsi-primary);
  --highlight-text-color: var(--rsi-primary-dark);

  --text-color: var(--rsi-gray-1);
  --text-color-secondary: var(--rsi-secondary);
}

/* RSI Background */
.rsi-bg-3 {
  background-color: var(--rsi-gray-1);
}

.rsi-bg-2 {
  background-color: var(--rsi-gray-2);
}

.rsi-bg-3 {
  background-color: var(--rsi-gray-3);
}

.rsi-bg-4 {
  background-color: var(--rsi-secondary);
}

.rsi-bg-5 {
  background-color: var(--rsi-tertiary);
}

/* Prime Button */
.p-button {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.p-button:enabled:active,
.p-button:enabled:hover,
.p-button:enabled:focus,
.p-button:focus {
  background-color: var(--rsi-primary-dark);
  border-color: var(--rsi-primary-dark);
  color: var(--primary-color-text);
  box-shadow: none;
}

/* Prime Input */
.p-inputtext:enabled:hover {
  border-color: var(--primary-color);
}

.p-inputtext:enabled:focus {
  border-color: var(--rsi-primary-dark);
  box-shadow: none;
}

/* RSI Button */
.rsi-button-microsoft {
  background-color: var(--rsi-microsoft);
  border-color: var(--rsi-microsoft);
}

.rsi-button-google {
  background-color: var(--rsi-google);
  border-color: var(--rsi-google);
}

.rsi-button-gitlab {
  background-color: var(--rsi-gitlab);
  border-color: var(--rsi-gitlab);
}

.rsi-button-microsoft:hover,
.rsi-button-google:hover,
.rsi-button-gitlab:hover {
  box-shadow: 0 80px 0 0 rgba(0, 0, 0, 0.25) inset,
    0 -80px 0 0 rgba(0, 0, 0, 0.25) inset;
}