:root {
  /* Brand */
  --fond:          #173D5D;
  --orange:        #e19d3a;
  --ocre:          #ab5921;
  --secondary:     #e19d3a;
  --accent:        #ab5921;
  /* Header / Footer */
  --header-bg:     #173D5D;
  --header-text:   #ffffff;
  --footer-bg:     #173D5D;
  --footer-text:   #ffffff;
  /* Page */
  --body-bg:       #f6f6f6;
  --card-bg:       #ffffff;
  --text-color:    #4a567f;
  --heading-color: #173D5D;
  /* Typography */
  --font-family:   -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --heading-font:  -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}