:root {
  --color-primary-base: 177 68 15;
  --color-primary-gradient: 120 46 12;
  --color-primary-button-text: 177 68 15;
  --color-primary-button-alternative-text: 255 255 255;
  --color-secondary-base: 25 48 65;
  --color-secondary-gradient: 13 31 44;
  --color-secondary-button-text: 255 255 255;
  --color-tertiary-base: 51 65 85;
  --color-tertiary-gradient: 30 41 59;
  --color-tertiary-button-text: 51 65 85;
  --color-success-base: 39 112 70;
  --color-success-gradient: 22 80 47;
  --color-success-button-text: 255 255 255;
  --color-info-base: 35 100 160;
  --color-info-gradient: 25 70 120;
  --color-info-button-text: 255 255 255;
  --color-warning-base: 245 206 1;
  --color-warning-gradient: 186 152 0;
  --color-warning-button-text: 0 0 0;
  --color-danger-base: 190 42 42;
  --color-danger-gradient: 145 25 25;
  --color-danger-button-text: 255 255 255;
  --color-form-base: 177 68 15;
}
.platform-logo img { max-height: 58px; width: auto; object-fit: contain; }
.platform-logo { padding: 8px 0; }
/* Header: 60% of the original logo, tinted to the menu icon gray (#a2a6b0). */
.app-topbar .platform-logo { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0; }
.app-topbar .platform-logo img {
  max-height: 34.8px;
  max-width: 114px;
  filter: brightness(0) invert(62.088%) sepia(22.1216%) hue-rotate(185.0834deg);
}
.login-section::before { content: ""; display: block; width: 240px; height: 100px; margin: 0 auto 24px; background: url('/themes/warian/logo/header') center / contain no-repeat; }
.login-section__title { font-size: 2rem; text-align: center; }