/* allspring */
:root {
  /*  branding  */
  --primary-color: #486d90;
  --secondary-color: #8ac202;

  --primary-light-color: #536cbf;
  --primary-dark-color: #1c245e;

  --secondary-light-color: #e04a4f;
  --secondary-dark-color: #7a1319;

  --accent-color: #ffc107;
  --accent-light-color: #ffecb3;
  --accent-dark-color: #c79100;

  --neutral-color: #f5f5f5;
  --neutral-dark-color: #000000;
  --neutral-light-color: #ffffff;

  /*  templates */
  --main-color: #000;
  --font-size: 16px;

  /* buttons */
  --button-primary-background-color: var(--primary-color);
  --button-primary-border-color: var(--primary-color);

  /* navbar */
  --navbar-bg-color: var(--primary-color);
  --navbar-border-color: var(--neutral-light-color);
  --navbar-menu-text-color: var(--neutral-light-color);
  --navbar-menu-bg-color: var(--primary-color);
  --navbar-menu-hover-text-color: var(--neutral-dark-color);
  --navbar-menu-hover-bg-color: var(--secondary-color);

  /* logo navbar */
  --logo-url: url("../assets/VCM-logo.svg");
  --logo-width: 135px;
  --logo-height: 35px;

  /* login */
  --login-bg-top-color: var(--secondary-color);
  --login-bg-bottom-color: var(--primary-color);
}
