/* TODO: sanitize this file and move it into frontend folder, import styles in build process */

/* CSS variables */

:root {
  --vault-highlight-blue: #ddebff;
  --vault-light-grey: #e3e7e8;
  --vault-medium-light-grey: #acb0b3;
  --vault-medium-grey: #383a3e;
  --vault-light-blue: #1a70bb;
  --vault-dark-blue: #23396b;
  --ads-button-background-color: #1a70bb;
  --ads-button-border-color: #194865;
  --ads-button-border: 1px solid var(--ads-button-border-color);
  --ads-button-outline-color: white;
  --ads-button-color: white;
  --vault-button-transition: background-color 0.3s ease-out, border-color 0.2s ease-in;
  --vault-button-hover-background-color: #194865;
  --vault-top-bar-black: #2a282c;
  --vault-warning-red: #d54f46;
  --vault-warning-light-red: rgba(100%, 75%, 75%);

  --vault-site-nav-height: 70px;
  /* page content height is fixed: 100% of viewport height minus the height of the header */
  --vault-page-content-height: calc(100vh - var(--vault-site-nav-height));
}