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

/* CSS variables */

:root {
  --spectrum-button-m-primary-fill-texticon-border-radius: 5px;

  --vault-highlight-blue: #ddebff;
  --vault-light-grey: #e3e7e8;
  --vault-medium-light-grey: #acb0b3;
  --vault-medium-grey: #646a6b;
  --vault-light-blue: #2e7cb2;
  --vault-lighter-blue: #6daee1;
  --vault-lightest-blue: #ccddf2;
  --vault-button-background-color: #2e7cb2;
  --vault-button-border: 1px solid var(--vault-button-border-color);
  --vault-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-button-border-color: #194865;
  --vault-top-bar-black: #2a282c;
  --vault-top-bar-red: #d54f46;
  --vault-warning-light-red: rgba(100%, 75%, 75%);

  --vault-site-nav-height: 70px;
  --vault-site-footer-height: 40px;
  /* 100% viewport height minus the combined heights of the header and footer. */
  --vault-page-content-height: calc(100vh - calc(var(--vault-site-nav-height) + var(--vault-site-footer-height)));
}