*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --white: #FFFFFF;
  --off-white: #F7F6F3;
  --warm-grey: #EDECE8;
  --border: #D8D6D0;
  --mid-grey: #9A9890;
  --dark-grey: #4A4845;
  --black: #1A1816;
  --accent: #1A1816;
  --error: #8B2020;
  --error-bg: #FDF0F0;
  --error-border: #E8C4C4;
  --success: #2A5C3F;
  --success-bg: #EBF6EE;
  --finance: #0B4F45;
  --pending-bg: #FEF9EC;
  --pending-fg: #7A5C00;
  --line-alt: #FAFAF8;
  --s-pending-mgr: #7A5C00;
  --s-pending-mgr-bg: #FEF9EC;
  --s-pending-fin: #1A3A6B;
  --s-pending-fin-bg: #EEF4FD;
  --s-in-process: #5A3472;
  --s-in-process-bg: #F4EEF9;
  --s-entered: #0B4F45;
  --s-entered-bg: #EBF6F4;
  --s-approved: #1E5C2A;
  --s-approved-bg: #EBF6EE;
  --s-released: #0A3D62;
  --s-released-bg: #E8F4FD;
  --s-complete: #1A1816;
  --s-complete-bg: #F0F0EE;
  --s-rejected: #8B2020;
  --s-rejected-bg: #FDF0F0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  color: var(--black);
}